*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf) format("truetype-variations");font-weight:100 900;font-style:oblique 0deg 10deg;font-display:swap}:root{--step--2: clamp(.7813rem, .7736rem + .0341vw, .8rem);--step--1: clamp(.9375rem, .9119rem + .1136vw, 1rem);--step-0: clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--step-1: clamp(1.35rem, 1.2631rem + .3864vw, 1.5625rem);--step-2: clamp(1.62rem, 1.4837rem + .6057vw, 1.9531rem);--step-3: clamp(1.944rem, 1.7405rem + .9044vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);--primary-base: #00d181;--primary-shade: hsl(157, 100%, 11%);--bg-base: hsl(0, 25%, 2%);--bg-shade1: hsl(0, 25%, 7%);--bg-shade2: hsl(0, 25%, 12%);--border: hsl(0, 5%, 50%);--text-base: hsl(0, 0%, 100%);--text-shade: hsl(0, 0%, 70%);--text-shade2: hsl(0, 0%, 40%);--bg-grad-green: #00d181;--bg-grad-yellow: #fcd474;--bg-grad-pink: #dd74fc;--font-main: "Inter", system-ui, -apple-system, sans-serif}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(157,100%,35%,.24);}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 85%;}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 9%;}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 44%;}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(156,23%,57%,.2);}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 5%;}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 58%;}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 60%;}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 13%;}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(157,100%,35%,.16);}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 82%;}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 5%;}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 42%;}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(156,23%,57%,.16);}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 7%;}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 13%;}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 54%;}@keyframes hero-gradient-animation{0%{--c-0: hsla(157, 100%, 35%, .24);--x-0: 85%;--s-start-0: 9%;--s-end-0: 44%;--y-0: 80%;--y-1: 24%;--c-1: hsla(156, 23%, 57%, .2);--s-start-1: 5%;--s-end-1: 58%;--x-1: 60%;--x-2: 13%;--c-2: hsla(157, 100%, 35%, .16);--y-2: 82%;--s-start-2: 5%;--s-end-2: 42%;--c-3: hsla(156, 23%, 57%, .16);--y-3: 7%;--x-3: 24%;--s-start-3: 13%;--s-end-3: 54%}to{--c-0: hsla(156, 23%, 57%, .24);--x-0: 31%;--s-start-0: 9%;--s-end-0: 44%;--y-0: 94%;--y-1: 25%;--c-1: hsla(157, 100%, 35%, .2);--s-start-1: 5%;--s-end-1: 58%;--x-1: 2%;--x-2: 98%;--c-2: hsla(156, 23%, 57%, .16);--y-2: 20%;--s-start-2: 5%;--s-end-2: 42%;--c-3: hsla(157, 100%, 35%, .16);--y-3: 92%;--x-3: 95%;--s-start-3: 13%;--s-end-3: 54%}}body{background-color:var(--bg-base);background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:normal;color:var(--text-base);font-family:var(--font-main);font-size:var(--step-0);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;scroll-behavior:smooth;position:relative;min-height:100vh}body:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 2000 2000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,.h1-like{font-size:var(--step-5);font-weight:800;line-height:1.1;color:var(--text-base)}h2,.h2-like{font-size:var(--step-4);font-weight:700;line-height:1.2;letter-spacing:-.01em}h3,.h3-like{font-size:var(--step-3);font-weight:700;line-height:1.3}h4,.h4-like{font-size:var(--step-2);font-weight:600;line-height:1.4}h5,.h5-like{font-size:var(--step-1);font-weight:600}small,.text-sm{font-size:var(--step--1);color:var(--text-shade)}.text-xs{font-size:var(--step--2);color:var(--text-shade)}.caption{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--primary-base)}.app-container{width:100%}.app-container canvas{width:100%!important;height:100%!important}.hero{display:flex;min-height:calc(100vh - 64px);padding:0 0 2rem;align-items:center;justify-content:center;width:100%;overflow:hidden;position:relative;isolation:isolate}.hero-content{width:100%;max-width:1400px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;position:relative;z-index:1}@media(min-width:768px){.hero-content{padding:2rem}}.hero-text{text-align:center;max-width:700px;margin:0 auto;padding:1rem 0 0}.hero-text .body{margin-bottom:2.5rem;color:var(--text-shade);letter-spacing:.01rem;font-size:var(--step-1)}.hero-text .h1{margin-bottom:1.2rem;font-size:clamp(2.8rem,8vw,4.5rem)}.hero-text .h1 .highlight{color:var(--primary-base)}.pitch-container{width:100%;max-width:1000px;height:clamp(200px,40vh,400px);margin:0 auto;overflow:visible}.hero-ctas{display:flex;justify-content:center;gap:1.5rem}
