@font-face{font-family:"Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Bricolage";src:url(fonts/bricolage-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:"JBMono";src:url(fonts/jbmono.woff2) format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212,U+276F}
@font-face{font-family:"JBMono";src:url(fonts/jbmono-ext.woff2) format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
[hidden]{display:none!important}
html{background:#18181B;color:#d4d4d8;-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{font-family:"Bricolage",ui-sans-serif,system-ui,sans-serif;line-height:1.55;overflow-x:hidden;min-height:100dvh}
ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit;background:none}button{cursor:pointer}
img,svg{display:block;max-width:100%}
.display{font-family:"Bricolage",sans-serif;font-weight:700;letter-spacing:-.035em;font-variation-settings:"wdth" 85}
.mono,pre,code{font-family:"JBMono",ui-monospace,monospace}
:focus-visible{outline:2px solid #c084fc;outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:#A855F7;color:#18181B;padding:8px 12px;border-radius:6px;z-index:60}.skip:focus{top:10px}
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px}
main{background:radial-gradient(700px 420px at 90% -5%,rgba(168,85,247,.2),transparent 60%),radial-gradient(600px 380px at 5% 10%,rgba(255,122,107,.12),transparent 60%),radial-gradient(700px 400px at 60% 45%,rgba(95,224,176,.07),transparent 60%)}
.caret{width:8px;height:15px;background:#A855F7;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.navlink{display:block;font-size:13px;padding:6px 10px;border-radius:6px;color:#a1a1aa}.navlink:hover{color:#f4f1fa;background:#27272a}.navlink.is-on{color:#e9d5ff;background:#2e1065}
.btn-p{display:inline-flex;align-items:center;gap:8px;background:#A855F7;color:#18181B;font-weight:600;padding:11px 18px;border-radius:8px;transition:transform .2s}
.btn-p:hover{transform:translateY(-2px)}.btn-p:disabled{opacity:.6}
.btn-g{display:inline-flex;align-items:center;border:1px solid #52525b;color:#f4f1fa;padding:10px 16px;border-radius:8px}.btn-g:hover{border-color:#A855F7}.btn-g:disabled{opacity:.35}
.btn-eq{border:1px solid #A855F7;color:#f4f1fa;padding:10px;border-radius:8px;font-size:14px}.btn-eq:hover{background:#2e1065}
.chip{font-family:"JBMono",monospace;font-size:12px;border:1px solid #3f3f46;padding:5px 10px;border-radius:999px;color:#d4d4d8}.chip:hover,.chip.is-on{border-color:#A855F7;color:#e9d5ff;background:#2e1065}
.dot{width:10px;height:10px;border-radius:50%;display:block}
.term{box-shadow:0 30px 80px -30px rgba(168,85,247,.35)}
.tag-demo{display:inline-block;font-family:"JBMono",monospace;font-size:11px;color:#fcd34d;border:1px dashed #a16207;padding:3px 8px;border-radius:4px}
.proj{background:linear-gradient(160deg,#222228,#18181B)}
.svc-tab{white-space:nowrap;text-align:left;font-size:14px;padding:12px 14px;border-radius:8px;border:1px solid #3f3f46;color:#a1a1aa}.svc-tab.is-on{border-color:#A855F7;color:#f4f1fa;background:#2e1065}
.tl-btn{padding:10px 12px;border-radius:8px;position:relative}.tl-btn::before{content:"";position:absolute;left:-30px;top:18px;width:9px;height:9px;border-radius:50%;background:#3f3f46}.tl-btn.is-on{background:#1f1f24}.tl-btn.is-on::before{background:#A855F7}
.bar{transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.opt{cursor:pointer;border:1px solid #3f3f46;padding:9px 12px;border-radius:8px;font-size:14px;color:#d4d4d8}.opt.is-on{border-color:#A855F7;background:#2e1065;color:#f4f1fa}.opt:focus-within{outline:2px solid #c084fc}
.inp{background:#121215;border:1px solid #3f3f46;border-radius:8px;padding:10px 12px;color:#f4f1fa;min-width:0}.inp:focus{border-color:#A855F7;outline:none}
.inp[aria-invalid=true]{border-color:#f87171}
.lbl{display:block;font-family:"JBMono",monospace;font-size:12px;color:#a1a1aa;margin-bottom:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cta{background:linear-gradient(120deg,#2e1065,#18181B 70%)}
.faq summary{list-style:none}.faq summary::before{content:"+ ";color:#A855F7;font-family:"JBMono"}.faq[open] summary::before{content:"− "}
fieldset{min-width:0}
.rise{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.rise:nth-child(2){animation-delay:.08s}.rise:nth-child(3){animation-delay:.16s}.rise:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-photo{box-shadow:0 0 0 1px #3f3f46,0 40px 90px -40px rgba(255,122,107,.45),-30px 30px 80px -50px rgba(111,195,255,.5)}
.hero-photo img{filter:saturate(1.35) brightness(1.15) contrast(1.05)}
.hero-stage::before{content:"";position:absolute;inset:-12px 30% auto -12px;height:70%;border-radius:22px;background:linear-gradient(135deg,#ff7a6b,#ffc857 35%,#5fe0b0 65%,#6fc3ff);opacity:.85;z-index:-1}
.hero-stage{isolation:isolate}
.tok{position:absolute;white-space:nowrap;font-size:12px;padding:3px 9px;border:1px solid;border-radius:999px;background:rgba(15,15,18,.82);animation:float 6s ease-in-out infinite}
.tok-0{top:8%;right:5%}.tok-1{top:40%;left:-2%;animation-delay:-1.5s}.tok-2{top:62%;right:3%;animation-delay:-3s}.tok-3{top:6%;left:30%;animation-delay:-2s}.tok-4{top:70%;left:34%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-8px)}}
.svc-card{border-top:3px solid var(--k)}.svc-card>p:first-child{color:var(--k)}
.c01{--k:#6fc3ff}.c02{--k:#5fe0b0}.c03{--k:#ffc857}.c04{--k:#ff7a6b}
@media (max-width:640px){.tok-1,.tok-4{display:none}}
@media (prefers-reduced-motion:reduce){.tok{animation:none}.btn-p{transition:none}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 0.25rem;
  --container-sm: 24rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --leading-tight: 1.25;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.inset-x-3 {
  inset-inline: calc(var(--spacing) * 3);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-auto {
  margin-inline: auto;
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.mt-24 {
  margin-top: calc(var(--spacing) * 24);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-full {
  height: 100%;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-1 {
  flex: 1;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-start {
  align-content: flex-start;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-12 {
  gap: calc(var(--spacing) * 12);
}
.gap-px {
  gap: 1px;
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.justify-self-start {
  justify-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-\[\#2e2e35\] {
  border-color: #2e2e35;
}
.border-\[\#3f3f46\] {
  border-color: #3f3f46;
}
.border-\[\#4c1d95\] {
  border-color: #4c1d95;
}
.border-\[\#6b21a8\] {
  border-color: #6b21a8;
}
.border-\[\#7f1d1d\] {
  border-color: #7f1d1d;
}
.border-\[\#166534\] {
  border-color: #166534;
}
.border-\[\#A855F7\] {
  border-color: #A855F7;
}
.bg-\[\#0f0f12\] {
  background-color: #0f0f12;
}
.bg-\[\#1f1f24\] {
  background-color: #1f1f24;
}
.bg-\[\#2a0f0f\] {
  background-color: #2a0f0f;
}
.bg-\[\#2e2e35\] {
  background-color: #2e2e35;
}
.bg-\[\#3b0764\] {
  background-color: #3b0764;
}
.bg-\[\#052e16\] {
  background-color: #052e16;
}
.bg-\[\#18181B\] {
  background-color: #18181B;
}
.bg-\[\#18181B\]\/90 {
  background-color: color-mix(in oklab, #18181B 90%, transparent);
}
.bg-\[\#27272a\] {
  background-color: #27272a;
}
.bg-\[\#52525b\] {
  background-color: #52525b;
}
.bg-\[\#131316\] {
  background-color: #131316;
}
.bg-\[\#A855F7\] {
  background-color: #A855F7;
}
.bg-transparent {
  background-color: transparent;
}
.object-cover {
  object-fit: cover;
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-7 {
  padding: calc(var(--spacing) * 7);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.text-left {
  text-align: left;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[clamp\(2\.3rem\,6vw\,4\.8rem\)\] {
  font-size: clamp(2.3rem, 6vw, 4.8rem);
}
.text-\[clamp\(2\.6rem\,7vw\,5\.6rem\)\] {
  font-size: clamp(2.6rem, 7vw, 5.6rem);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-\[\.94\] {
  --tw-leading: .94;
  line-height: .94;
}
.leading-\[\.98\] {
  --tw-leading: .98;
  line-height: .98;
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.tracking-\[\.2em\] {
  --tw-tracking: .2em;
  letter-spacing: .2em;
}
.tracking-\[\.25em\] {
  --tw-tracking: .25em;
  letter-spacing: .25em;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-\[\#71717a\] {
  color: #71717a;
}
.text-\[\#A855F7\] {
  color: #A855F7;
}
.text-\[\#a1a1aa\] {
  color: #a1a1aa;
}
.text-\[\#b4b4bd\] {
  color: #b4b4bd;
}
.text-\[\#c4c4cc\] {
  color: #c4c4cc;
}
.text-\[\#c4f5d0\] {
  color: #c4f5d0;
}
.text-\[\#c084fc\] {
  color: #c084fc;
}
.text-\[\#d4d4d8\] {
  color: #d4d4d8;
}
.text-\[\#e9d5ff\] {
  color: #e9d5ff;
}
.text-\[\#f4f1fa\] {
  color: #f4f1fa;
}
.text-\[\#f4f1fa\]\/85 {
  color: color-mix(in oklab, #f4f1fa 85%, transparent);
}
.text-\[\#fca5a5\] {
  color: #fca5a5;
}
.text-\[\#fcd34d\] {
  color: #fcd34d;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration-line: underline;
}
.decoration-\[\#A855F7\] {
  text-decoration-color: #A855F7;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.accent-\[\#A855F7\] {
  accent-color: #A855F7;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.\[text-shadow\:0_1px_3px_rgba\(0\,0\,0\,\.9\)\] {
  text-shadow: 0 1px 3px rgba(0,0,0,.9);
}
.hover\:border-\[\#A855F7\] {
  &:hover {
    @media (hover: hover) {
      border-color: #A855F7;
    }
  }
}
.hover\:text-\[\#e9d5ff\] {
  &:hover {
    @media (hover: hover) {
      color: #e9d5ff;
    }
  }
}
.sm\:mr-0 {
  @media (width >= 40rem) {
    margin-right: calc(var(--spacing) * 0);
  }
}
.sm\:ml-10 {
  @media (width >= 40rem) {
    margin-left: calc(var(--spacing) * 10);
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-\[1\.4fr_1fr_1fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 1.4fr 1fr 1fr;
  }
}
.md\:grid-cols-\[1fr_1\.3fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr 1.3fr;
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:p-12 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 12);
  }
}
.md\:pt-14 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 14);
  }
}
.md\:pt-24 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 24);
  }
}
.lg\:sticky {
  @media (width >= 64rem) {
    position: sticky;
  }
}
.lg\:top-24 {
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 24);
  }
}
.lg\:ml-2 {
  @media (width >= 64rem) {
    margin-left: calc(var(--spacing) * 2);
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:grid-cols-\[1\.2fr_1fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.2fr 1fr;
  }
}
.lg\:grid-cols-\[1\.4fr_1fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.4fr 1fr;
  }
}
.lg\:grid-cols-\[1fr_1\.1fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 1.1fr;
  }
}
.lg\:grid-cols-\[1fr_1\.2fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 1.2fr;
  }
}
.lg\:grid-cols-\[280px_1fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 280px 1fr;
  }
}
.lg\:flex-col {
  @media (width >= 64rem) {
    flex-direction: column;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}