:root{
  --line:rgba(255,255,255,.08);
  --text:rgba(255,255,255,.92);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
html{overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  color:var(--text);
  background-color:#050607;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(255,40,40,.12), transparent 45%),
    radial-gradient(circle at 85% 0%, rgba(255,0,0,.08), transparent 40%),
    linear-gradient(180deg, #050607 0%, #07090D 40%, #06070B 100%);
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  font-family:"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
  min-height:100dvh;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,textarea,select,p,a,div,span,h1,h2,h3,h4,h5,h6,li,label{
  font-family:"Segoe UI",Roboto,Arial,sans-serif!important;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img,svg,iframe{display:block;max-width:100%}
::selection{background:rgba(255,40,40,.25)}

.glass{
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
}
.glass:hover{
  border-color:rgba(255,40,40,.25);
  box-shadow:0 12px 40px rgba(0,0,0,.35),0 0 20px rgba(255,0,0,.08);
}
.soft-border{border:1px solid var(--line)}
.hero-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:60px 60px;
  opacity:.18;
  mask-image:radial-gradient(circle at center, black 40%, transparent 80%);
}
.pill{border:1px solid var(--line);background:rgba(255,255,255,.02)}
.btn-primary{
  display:inline-block;
  background:linear-gradient(135deg,#fff,#e5e7eb);
  color:#111827;
  transition:transform .2s ease,box-shadow .2s ease;
}
.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 0 20px rgba(255,255,255,.2),0 0 45px rgba(255,0,0,.2),inset 0 0 10px rgba(255,255,255,.08);
}
.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.02)}
.btn-ghost:hover{background:rgba(255,255,255,.04)}
.accent{color:#4ADE80}
.accent-background{background:#4ADE80}
.link-anim{transition:color .2s ease}
.hero-title{position:relative}
.hero-reserve{display:block;visibility:hidden}
.hero-typed{position:absolute;inset:0 auto auto 0;width:100%}
#typewriter{display:inline-block;min-width:1ch}
#tw-cursor{display:inline-block;width:.6ch;contain:layout paint}
#tw-cursor.is-blinking{animation:cursorBlink 1.1s steps(1,end) infinite}
@keyframes cursorBlink{50%{visibility:hidden}}
#mnav.is-open{display:block}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pointer-events-none{pointer-events:none}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.inset-0{inset:0}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mb-5{margin-bottom:1.25rem}
.flex{display:flex}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.grid{display:grid}.hidden{display:none}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-10{gap:2.5rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.max-w-xl{max-width:36rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}
.min-h-\[70vh\]{min-height:70vh}.min-h-\[160px\]{min-height:160px}
.w-2{width:.5rem}.w-6{width:1.5rem}.w-auto{width:auto}.w-full{width:100%}
.h-2{height:.5rem}.h-6{height:1.5rem}.h-7{height:2.75rem}.h-56{height:14rem}
.overflow-hidden{overflow:hidden}.resize-none{resize:none}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.border{border:1px solid rgba(255,255,255,.1)}.border-t{border-top:1px solid rgba(255,255,255,.05)}.border-b{border-bottom:1px solid rgba(255,255,255,.05)}
.border-white\/5{border-color:rgba(255,255,255,.05)}.border-white\/10{border-color:rgba(255,255,255,.10)}.border-white\/20{border-color:rgba(255,255,255,.20)}
.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-rose-500\/20{border-color:rgba(244,63,94,.2)}.border-rose-500\/40{border-color:rgba(244,63,94,.4)}
.bg-black\/30{background:rgba(0,0,0,.3)}.bg-white\/5{background:rgba(255,255,255,.05)}.bg-emerald-500\/10{background:rgba(16,185,129,.1)}.bg-rose-500\/10{background:rgba(244,63,94,.1)}
[class~="bg-white/[0.04]"]{background:rgba(255,255,255,.04)}
.backdrop-blur{backdrop-filter:blur(8px)}
.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-10{padding:2.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}
.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-14{padding-top:3.5rem}.pl-5{padding-left:1.25rem}
.font-sans{font-family:inherit}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}
.text-center{text-align:center}.align-baseline{vertical-align:baseline}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}
.leading-tight{line-height:1.15}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:0}
.text-white{color:#fff}.text-green-400{color:#4ADE80}.text-rose-300{color:#fda4af}
.text-white\/30{color:rgba(255,255,255,.30)}.text-white\/45{color:rgba(255,255,255,.45)}.text-white\/50{color:rgba(255,255,255,.50)}.text-white\/60{color:rgba(255,255,255,.60)}.text-white\/65{color:rgba(255,255,255,.65)}.text-white\/70{color:rgba(255,255,255,.70)}.text-white\/75{color:rgba(255,255,255,.75)}.text-white\/80{color:rgba(255,255,255,.80)}.text-white\/90{color:rgba(255,255,255,.90)}
.underline{text-decoration:underline}.opacity-80{opacity:.8}.transition{transition:all .2s ease}
.list-disc{list-style-type:disc}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}
.outline-none{outline:2px solid transparent;outline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased}
.placeholder-white\/35::placeholder{color:rgba(255,255,255,.35)}
.hover\:text-white:hover{color:#fff}.hover\:bg-white\/5:hover{background:rgba(255,255,255,.05)}[class~="hover:bg-white/[0.04]"]:hover{background:rgba(255,255,255,.04)}
.hover\:-translate-y-\[1px\]:hover{transform:translateY(-1px)}
[class~="hover:shadow-[0_0_25px_rgba(255,255,255,0.10),0_0_55px_rgba(74,222,128,0.18)]"]:hover{box-shadow:0 0 25px rgba(255,255,255,.10),0 0 55px rgba(74,222,128,.18)}
.active\:translate-y-0:active{transform:translateY(0)}
.focus\:ring-0:focus{box-shadow:none}[class~="focus:border-white/25"]:focus{border-color:rgba(255,255,255,.25)}[class~="focus:shadow-[0_0_0_4px_rgba(74,222,128,0.12)]"]:focus{box-shadow:0 0 0 4px rgba(74,222,128,.12)}[class~="focus:shadow-[0_0_0_4px_rgba(244,63,94,0.18)]"]:focus{box-shadow:0 0 0 4px rgba(244,63,94,.18)}[class~="hover:border-white/15"]:hover{border-color:rgba(255,255,255,.15)}

@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}
}
@media (min-width:768px){
  #mnav.is-open{display:none}
  .md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}
  .md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:p-8{padding:2rem}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}
  .md\:pt-20{padding-top:5rem}.md\:pt-24{padding-top:6rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1.05}
}
@media (min-width:1024px){
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  html,body{height:auto}
  body{background-attachment:scroll;background-size:auto 120vh;position:relative;overflow-x:hidden}
  .hero-grid{display:none}
  .glass{backdrop-filter:none}
  .grid-cols-2{grid-template-columns:1fr}
}