/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Quicksand:wght@600;700&family=Sora:wght@500;600;700;800&family=Space+Mono:wght@700&display=swap";:host,:root{--color-primary:#a78bfa;--color-primary-soft:#a78bfa1f;--color-accent:#ec4899;--color-accent-soft:#ec48991f;--color-bg-root:#050507;--color-bg-elev:#101014;--color-bg-surf:#16161b;--color-bg-hover:#1c1c22;--color-text:#f8fafc;--color-text-dim:#c4c9d1;--color-text-faint:#5c6270;--color-ring:#a78bfa33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg-root);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Plus Jakarta Sans,Manrope,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#a78bfa59}.font-logo{font-family:Space Mono,monospace;font-weight:700}.font-display{letter-spacing:-.02em;font-weight:800}.font-display,.font-heading{font-family:Sora,Manrope,ui-sans-serif,sans-serif}.font-heading{letter-spacing:-.01em;font-weight:700}.font-code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.font-cta{letter-spacing:.3px;font-family:Quicksand,Manrope,ui-sans-serif,sans-serif;font-weight:600}.font-display,h1{font-size:clamp(2rem,6vw,4.25rem);line-height:1.08}.section-title,h2{font-size:clamp(1.5rem,4.5vw,2.75rem);line-height:1.12}h3{font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.3}p{font-size:clamp(.9rem,1.6vw,1rem);line-height:1.55}.container{width:100%;max-width:100rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:640px){.container{padding-inline:2rem}}@media (min-width:1024px){.container{padding-inline:3rem}}.new-marketing-app{background:var(--color-bg-root);min-height:100vh;color:var(--color-text)}.page-wrap{z-index:10;position:relative}.divider{background:linear-gradient(90deg,#0000,#a78bfa38,#0000);height:1px;margin-inline:1rem}@media (min-width:1024px){.divider{max-width:100rem;margin-inline:auto}}.surface{background:var(--color-bg-elev);border:1px solid #ffffff0f;border-radius:20px;transition:border-color .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1)}.surface:hover{border-color:var(--color-ring);transform:translateY(-3px);box-shadow:0 24px 64px -12px #a78bfa1a,0 8px 24px -4px #0009}.surface-accent{background:var(--color-bg-elev);border:1px solid #ec48992e;border-radius:20px;transition:border-color .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1)}.surface-accent:hover{border-color:#ec489966;transform:translateY(-3px);box-shadow:0 24px 64px -12px #ec48991f}.pill{background:var(--color-bg-elev);color:var(--color-text-dim);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex}.pill:hover{border-color:var(--color-ring);transform:translateY(-2px)}.icon-box,.pill:hover{color:var(--color-primary)}.icon-box{background:var(--color-primary-soft);width:44px;height:44px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1);display:inline-flex}.icon-box i{font-size:18px;line-height:1}.icon-box:hover{transform:scale(1.08)rotate(-5deg);box-shadow:0 12px 28px -8px #a78bfa59}.icon-box-accent{background:var(--color-accent-soft);color:var(--color-accent)}.icon-box-accent:hover{box-shadow:0 12px 28px -8px #ec489959}@media (min-width:768px){.icon-box{width:48px;height:48px}.icon-box i{font-size:20px}}.btn-primary{background:var(--color-primary);color:var(--color-bg-root);letter-spacing:.3px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #a78bfa73}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));transform:translateY(-3px)scale(1.02);box-shadow:0 16px 40px -4px #a78bfa80,0 8px 24px -8px #ec489973}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active{transform:translateY(0)scale(.98)}@media (min-width:768px){.btn-primary{padding:14px 28px;font-size:15px}}.btn-ghost{background:var(--color-bg-surf);color:var(--color-text);white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-ghost:hover{background:var(--color-bg-hover);border-color:var(--color-ring);color:var(--color-primary);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px -8px #a78bfa26}.btn-ghost:active{transform:translateY(0)scale(.98)}@media (min-width:768px){.btn-ghost{padding:14px 28px;font-size:15px}}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#ec4899) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:gradient-shift 6s infinite}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-slower{0%,to{transform:translate(0)}50%{transform:translate(10px,-22px)}}@keyframes float-diag{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-8px,-10px)rotate(3deg)}}.float-slow{animation:float-slow 7s ease-in-out infinite}.float-slower{animation:float-slower 11s ease-in-out infinite}.float-diag{animation:float-diag 9s ease-in-out infinite}@keyframes flyby-left{0%{opacity:0;transform:translate(-120px,18px)scale(.72)rotate(-16deg)}18%{opacity:.95}50%{opacity:.9;transform:translateY(-8px)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(120px,-28px)scale(.84)rotate(12deg)}}@keyframes flyby-right{0%{opacity:0;transform:translate(120px,-12px)scale(.72)rotate(14deg)}20%{opacity:.92}55%{opacity:.88;transform:translateY(8px)scale(1.02)rotate(4deg)}to{opacity:0;transform:translate(-120px,24px)scale(.82)rotate(-10deg)}}.flyby-left{animation:flyby-left 11s cubic-bezier(.2,.8,.2,1) infinite}.flyby-right{animation:flyby-right 12.5s cubic-bezier(.2,.8,.2,1) infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #a78bfa59}50%{box-shadow:0 0 0 10px #a78bfa00}}.pulse-ring{animation:pulse-ring 3s ease-in-out infinite}.reveal-word{opacity:0;animation:word-reveal .7s cubic-bezier(.2,.8,.2,1) forwards;display:inline-block;transform:translateY(20px)}@keyframes word-reveal{to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #a78bfa4d}50%{box-shadow:0 0 25px #a78bfa99}}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000,#a78bfa14 50%,#0000) 0 0/200% 100%;animation:shimmer 3s linear infinite}.frame{-webkit-backdrop-filter:blur(14px);background:#0a0a0c8c;border-radius:6px;padding:clamp(1rem,3vw,2.5rem);transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.frame:before{content:"";pointer-events:none;opacity:.42;z-index:0;background:linear-gradient(90deg,#a78bfa0b 1px,#0000 0) 0 0/24px 24px,linear-gradient(#a78bfa0b 1px,#0000 0) 0 0/24px 24px,radial-gradient(circle,#ec489906,#0000 62%);position:absolute;inset:0}@media (min-width:768px){.frame{padding:clamp(1.5rem,4vw,2.5rem)}}.frame:hover{background:#10101499}.corner-bl-helper,.corner-br-helper,.corner-tl-helper,.corner-tr-helper{pointer-events:none;z-index:4;width:clamp(14px,2vw,22px);height:clamp(14px,2vw,22px);transition:border-color .4s;position:absolute}.corner-tl-helper{border-left:2px solid #a78bfaf2;left:0}.corner-tl-helper,.corner-tr-helper{border-top:2px solid #a78bfaf2;top:0;box-shadow:0 0 10px #a78bfa1f}.corner-tr-helper{border-right:2px solid #a78bfaf2;right:0}.corner-bl-helper{border-left:2px solid #a78bfaf2;left:0}.corner-bl-helper,.corner-br-helper{border-bottom:2px solid #a78bfaf2;bottom:0;box-shadow:0 0 10px #a78bfa1f}.corner-br-helper{border-right:2px solid #a78bfaf2;right:0}.frame:hover .corner-bl-helper,.frame:hover .corner-br-helper,.frame:hover .corner-tl-helper,.frame:hover .corner-tr-helper{border-color:#ec4899e6!important}.guide-h{z-index:3;opacity:.9;background:linear-gradient(90deg,#0000,#a78bfab8 6% 94%,#0000),repeating-linear-gradient(90deg,#0000 0 8px,#a78bfa40 8px 10px,#0000 10px 18px);height:1px;position:absolute;left:clamp(14px,2vw,22px);right:clamp(14px,2vw,22px);box-shadow:0 0 0 1px #ffffff05}.guide-h-top{top:0}.guide-h-bottom{bottom:0}.guide-h:after,.guide-h:before{content:"";background-image:linear-gradient(90deg,#a78bfa 50%,#0000 0);background-size:4px 1px;width:clamp(14px,2vw,22px);height:1px;position:absolute;top:0}.guide-h:before{left:clamp(-14px,-2vw,-22px)}.guide-h:after{right:clamp(-14px,-2vw,-22px);transform:scaleX(-1)}.guide-v{z-index:3;opacity:.9;background:linear-gradient(#0000,#a78bfab8 6% 94%,#0000),repeating-linear-gradient(#0000 0 8px,#a78bfa40 8px 10px,#0000 10px 18px);width:1px;position:absolute;top:clamp(14px,2vw,22px);bottom:clamp(14px,2vw,22px);box-shadow:0 0 0 1px #ffffff05}.guide-v-left{left:0}.guide-v-right{right:0}.guide-v:after,.guide-v:before{content:"";background-image:linear-gradient(#a78bfa 50%,#0000 0);background-size:1px 4px;width:1px;height:clamp(14px,2vw,22px);position:absolute;left:0}.guide-v:before{top:clamp(-14px,-2vw,-22px)}.guide-v:after{bottom:clamp(-14px,-2vw,-22px);transform:scaleY(-1)}.node-mark{pointer-events:none;z-index:5;width:10px;height:10px;transition:all .3s;position:absolute}.node-mark:after,.node-mark:before{content:"";background:#a78bfa;border-radius:1px;transition:all .3s;position:absolute;box-shadow:0 0 8px #a78bfab3}.node-mark:before{width:10px;height:2px;top:50%;left:0;transform:translateY(-50%)}.node-mark:after{width:2px;height:10px;top:0;left:50%;transform:translate(-50%)}.frame:hover .node-mark:after,.frame:hover .node-mark:before{background:#ec4899;box-shadow:0 0 12px #ec4899e6}.node-tl{top:-5px;left:-5px}.node-tr{top:-5px;right:-5px}.node-bl{bottom:-5px;left:-5px}.node-br{bottom:-5px;right:-5px}.node-tm{top:-5px}.node-bm,.node-tm{left:50%;transform:translate(-50%)}.node-bm{bottom:-5px}.node-lm{left:-5px}.node-lm,.node-rm{top:50%;transform:translateY(-50%)}.node-rm{right:-5px}.dense-dots{pointer-events:none;opacity:.8;z-index:2;background-image:radial-gradient(#a78bfa59 1px,#0000 1.4px);background-size:7px 7px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 10px,#0000 10px calc(100% - 10px)),linear-gradient(#000 0 10px,#0000 10px calc(100% - 10px));mask-image:linear-gradient(90deg,#000 0 10px,#0000 10px calc(100% - 10px)),linear-gradient(#000 0 10px,#0000 10px calc(100% - 10px));-webkit-mask-composite:source-in;mask-composite:intersect}.frame:hover .dense-dots{opacity:.95;background-image:radial-gradient(#ec48997a 1px,#0000 1.4px);background-size:6px 6px}.code-wrap{background:#060608;border-radius:14px;overflow:hidden}.code-wrap pre{margin:0;padding:24px 20px;overflow-x:auto}@media (min-width:768px){.code-wrap pre{padding:28px}}.code-line{border-radius:4px;gap:14px;min-width:0;padding:0 4px;transition:background .2s,transform .2s;display:flex}.code-line:hover{background:#a78bfa0f;transform:translate(4px)}@media (min-width:768px){.code-line{gap:20px;padding:0 6px}}.code-num{text-align:right;width:24px;color:var(--color-text-faint);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-body,.code-num{font-family:IBM Plex Mono,monospace;font-size:12px}.code-body{color:var(--color-text-dim);white-space:pre;line-height:1.75;overflow-x:auto}@media (min-width:768px){.code-body{font-size:13px}}.code-comment{opacity:.7;color:var(--color-primary)!important}.code-scroll::-webkit-scrollbar{width:6px;height:6px}.code-scroll::-webkit-scrollbar-track{background:0 0}.code-scroll::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:999px}@keyframes stagger-in{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker{width:max-content;animation:ticker 30s linear infinite;display:flex}