*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}:is(#design-showcase,#ds-modal-root) .pointer-events-none{pointer-events:none}:is(#design-showcase,#ds-modal-root) .fixed{position:fixed}:is(#design-showcase,#ds-modal-root) .absolute{position:absolute}:is(#design-showcase,#ds-modal-root) .relative{position:relative}:is(#design-showcase,#ds-modal-root) .sticky{position:sticky}:is(#design-showcase,#ds-modal-root) .inset-0{inset:0}:is(#design-showcase,#ds-modal-root) .inset-\[6\%\]{inset:6%}:is(#design-showcase,#ds-modal-root) .inset-x-0{left:0;right:0}:is(#design-showcase,#ds-modal-root) .inset-x-4{left:1rem;right:1rem}:is(#design-showcase,#ds-modal-root) .-right-24{right:-6rem}:is(#design-showcase,#ds-modal-root) .-top-24{top:-6rem}:is(#design-showcase,#ds-modal-root) .bottom-0{bottom:0}:is(#design-showcase,#ds-modal-root) .bottom-1{bottom:.25rem}:is(#design-showcase,#ds-modal-root) .bottom-3{bottom:.75rem}:is(#design-showcase,#ds-modal-root) .bottom-\[2\%\]{bottom:2%}:is(#design-showcase,#ds-modal-root) .bottom-\[4\%\]{bottom:4%}:is(#design-showcase,#ds-modal-root) .left-0{left:0}:is(#design-showcase,#ds-modal-root) .left-\[8\%\]{left:8%}:is(#design-showcase,#ds-modal-root) .right-0{right:0}:is(#design-showcase,#ds-modal-root) .right-3{right:.75rem}:is(#design-showcase,#ds-modal-root) .right-\[3\%\]{right:3%}:is(#design-showcase,#ds-modal-root) .top-0{top:0}:is(#design-showcase,#ds-modal-root) .top-\[26\%\]{top:26%}:is(#design-showcase,#ds-modal-root) .top-\[3px\]{top:3px}:is(#design-showcase,#ds-modal-root) .top-\[4\%\]{top:4%}:is(#design-showcase,#ds-modal-root) .top-\[64px\]{top:64px}:is(#design-showcase,#ds-modal-root) .z-10{z-index:10}:is(#design-showcase,#ds-modal-root) .z-20{z-index:20}:is(#design-showcase,#ds-modal-root) .z-\[85\]{z-index:85}:is(#design-showcase,#ds-modal-root) .m-0{margin:0}:is(#design-showcase,#ds-modal-root) .mx-auto{margin-left:auto;margin-right:auto}:is(#design-showcase,#ds-modal-root) .mb-6{margin-bottom:1.5rem}:is(#design-showcase,#ds-modal-root) .ml-auto{margin-left:auto}:is(#design-showcase,#ds-modal-root) .mt-1{margin-top:.25rem}:is(#design-showcase,#ds-modal-root) .mt-1\.5{margin-top:.375rem}:is(#design-showcase,#ds-modal-root) .mt-10{margin-top:2.5rem}:is(#design-showcase,#ds-modal-root) .mt-2{margin-top:.5rem}:is(#design-showcase,#ds-modal-root) .mt-3{margin-top:.75rem}:is(#design-showcase,#ds-modal-root) .mt-4{margin-top:1rem}:is(#design-showcase,#ds-modal-root) .mt-5{margin-top:1.25rem}:is(#design-showcase,#ds-modal-root) .mt-6{margin-top:1.5rem}:is(#design-showcase,#ds-modal-root) .mt-8{margin-top:2rem}:is(#design-showcase,#ds-modal-root) .block{display:block}:is(#design-showcase,#ds-modal-root) .flex{display:flex}:is(#design-showcase,#ds-modal-root) .inline-flex{display:inline-flex}:is(#design-showcase,#ds-modal-root) .table{display:table}:is(#design-showcase,#ds-modal-root) .grid{display:grid}:is(#design-showcase,#ds-modal-root) .hidden{display:none}:is(#design-showcase,#ds-modal-root) .aspect-\[16\/10\]{aspect-ratio:16/10}:is(#design-showcase,#ds-modal-root) .aspect-\[6\/5\]{aspect-ratio:6/5}:is(#design-showcase,#ds-modal-root) .h-1{height:.25rem}:is(#design-showcase,#ds-modal-root) .h-10{height:2.5rem}:is(#design-showcase,#ds-modal-root) .h-16{height:4rem}:is(#design-showcase,#ds-modal-root) .h-72{height:18rem}:is(#design-showcase,#ds-modal-root) .h-9{height:2.25rem}:is(#design-showcase,#ds-modal-root) .h-\[2px\]{height:2px}:is(#design-showcase,#ds-modal-root) .h-\[3px\]{height:3px}:is(#design-showcase,#ds-modal-root) .h-auto{height:auto}:is(#design-showcase,#ds-modal-root) .h-full{height:100%}:is(#design-showcase,#ds-modal-root) .max-h-\[100dvh\]{max-height:100dvh}:is(#design-showcase,#ds-modal-root) .w-10{width:2.5rem}:is(#design-showcase,#ds-modal-root) .w-16{width:4rem}:is(#design-showcase,#ds-modal-root) .w-5{width:1.25rem}:is(#design-showcase,#ds-modal-root) .w-72{width:18rem}:is(#design-showcase,#ds-modal-root) .w-9{width:2.25rem}:is(#design-showcase,#ds-modal-root) .w-\[23\%\]{width:23%}:is(#design-showcase,#ds-modal-root) .w-\[62\%\]{width:62%}:is(#design-showcase,#ds-modal-root) .w-\[80\%\]{width:80%}:is(#design-showcase,#ds-modal-root) .w-full{width:100%}:is(#design-showcase,#ds-modal-root) .min-w-0{min-width:0px}:is(#design-showcase,#ds-modal-root) .max-w-6xl{max-width:72rem}:is(#design-showcase,#ds-modal-root) .max-w-\[1240px\]{max-width:1240px}:is(#design-showcase,#ds-modal-root) .max-w-\[15ch\]{max-width:15ch}:is(#design-showcase,#ds-modal-root) .max-w-\[22ch\]{max-width:22ch}:is(#design-showcase,#ds-modal-root) .max-w-\[24ch\]{max-width:24ch}:is(#design-showcase,#ds-modal-root) .max-w-\[44ch\]{max-width:44ch}:is(#design-showcase,#ds-modal-root) .max-w-\[520px\]{max-width:520px}:is(#design-showcase,#ds-modal-root) .max-w-\[640px\]{max-width:640px}:is(#design-showcase,#ds-modal-root) .max-w-full{max-width:100%}:is(#design-showcase,#ds-modal-root) .flex-1{flex:1 1 0%}:is(#design-showcase,#ds-modal-root) .flex-none{flex:none}:is(#design-showcase,#ds-modal-root) .shrink-0{flex-shrink:0}:is(#design-showcase,#ds-modal-root) .origin-left{transform-origin:left}:is(#design-showcase,#ds-modal-root) .scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(#design-showcase,#ds-modal-root) .scroll-mt-\[64px\]{scroll-margin-top:64px}:is(#design-showcase,#ds-modal-root) .list-none{list-style-type:none}:is(#design-showcase,#ds-modal-root) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#design-showcase,#ds-modal-root) .flex-col{flex-direction:column}:is(#design-showcase,#ds-modal-root) .flex-wrap{flex-wrap:wrap}:is(#design-showcase,#ds-modal-root) .place-items-center{place-items:center}:is(#design-showcase,#ds-modal-root) .items-start{align-items:flex-start}:is(#design-showcase,#ds-modal-root) .items-end{align-items:flex-end}:is(#design-showcase,#ds-modal-root) .items-center{align-items:center}:is(#design-showcase,#ds-modal-root) .justify-center{justify-content:center}:is(#design-showcase,#ds-modal-root) .justify-between{justify-content:space-between}:is(#design-showcase,#ds-modal-root) .gap-1{gap:.25rem}:is(#design-showcase,#ds-modal-root) .gap-1\.5{gap:.375rem}:is(#design-showcase,#ds-modal-root) .gap-12{gap:3rem}:is(#design-showcase,#ds-modal-root) .gap-2{gap:.5rem}:is(#design-showcase,#ds-modal-root) .gap-3{gap:.75rem}:is(#design-showcase,#ds-modal-root) .gap-4{gap:1rem}:is(#design-showcase,#ds-modal-root) .gap-5{gap:1.25rem}:is(#design-showcase,#ds-modal-root) .gap-6{gap:1.5rem}:is(#design-showcase,#ds-modal-root) .gap-8{gap:2rem}:is(#design-showcase,#ds-modal-root) :is(.divide-x>:not([hidden])~:not([hidden])){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:is(#design-showcase,#ds-modal-root) :is(.divide-line>:not([hidden])~:not([hidden])){border-color:var(--line)}:is(#design-showcase,#ds-modal-root) .overflow-hidden{overflow:hidden}:is(#design-showcase,#ds-modal-root) .overflow-x-auto{overflow-x:auto}:is(#design-showcase,#ds-modal-root) .overflow-y-auto{overflow-y:auto}:is(#design-showcase,#ds-modal-root) .overscroll-contain{overscroll-behavior:contain}:is(#design-showcase,#ds-modal-root) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#design-showcase,#ds-modal-root) .text-balance{text-wrap:balance}:is(#design-showcase,#ds-modal-root) .rounded-2xl{border-radius:1rem}:is(#design-showcase,#ds-modal-root) .rounded-\[10px\]{border-radius:10px}:is(#design-showcase,#ds-modal-root) .rounded-\[12px\]{border-radius:12px}:is(#design-showcase,#ds-modal-root) .rounded-\[14px\]{border-radius:14px}:is(#design-showcase,#ds-modal-root) .rounded-\[18px\]{border-radius:18px}:is(#design-showcase,#ds-modal-root) .rounded-\[24px\]{border-radius:24px}:is(#design-showcase,#ds-modal-root) .rounded-\[28px\]{border-radius:28px}:is(#design-showcase,#ds-modal-root) .rounded-\[40px\]{border-radius:40px}:is(#design-showcase,#ds-modal-root) .rounded-full{border-radius:9999px}:is(#design-showcase,#ds-modal-root) .rounded-md{border-radius:.375rem}:is(#design-showcase,#ds-modal-root) .rounded-xl{border-radius:.75rem}:is(#design-showcase,#ds-modal-root) .rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}:is(#design-showcase,#ds-modal-root) .border{border-width:1px}:is(#design-showcase,#ds-modal-root) .border-y{border-top-width:1px;border-bottom-width:1px}:is(#design-showcase,#ds-modal-root) .border-b{border-bottom-width:1px}:is(#design-showcase,#ds-modal-root) .border-t{border-top-width:1px}:is(#design-showcase,#ds-modal-root) .border-accent{--tw-border-opacity: 1;border-color:rgb(var(--accent-rgb) / var(--tw-border-opacity, 1))}:is(#design-showcase,#ds-modal-root) .border-line{border-color:var(--line)}:is(#design-showcase,#ds-modal-root) .border-line2{border-color:var(--line-2)}:is(#design-showcase,#ds-modal-root) .border-white\/25{border-color:#ffffff40}:is(#design-showcase,#ds-modal-root) .bg-\[var\(--cta\)\]{background-color:var(--cta)}:is(#design-showcase,#ds-modal-root) .bg-ink\/80{background-color:#0c0f1fcc}:is(#design-showcase,#ds-modal-root) .bg-navy{--tw-bg-opacity: 1;background-color:rgb(22 26 53 / var(--tw-bg-opacity, 1))}:is(#design-showcase,#ds-modal-root) .bg-navy\/80{background-color:#161a35cc}:is(#design-showcase,#ds-modal-root) .bg-page{--tw-bg-opacity: 1;background-color:rgb(var(--bg-rgb) / var(--tw-bg-opacity, 1))}:is(#design-showcase,#ds-modal-root) .bg-pink{--tw-bg-opacity: 1;background-color:rgb(240 60 140 / var(--tw-bg-opacity, 1))}:is(#design-showcase,#ds-modal-root) .bg-sunk{background-color:var(--surface-2)}:is(#design-showcase,#ds-modal-root) .bg-surface{--tw-bg-opacity: 1;background-color:rgb(var(--surface-rgb) / var(--tw-bg-opacity, 1))}:is(#design-showcase,#ds-modal-root) .bg-surface\/95{background-color:rgb(var(--surface-rgb) / .95)}:is(#design-showcase,#ds-modal-root) .bg-teal\/15{background-color:#2cc9a626}:is(#design-showcase,#ds-modal-root) .bg-white\/15{background-color:#ffffff26}:is(#design-showcase,#ds-modal-root) .bg-\[image\:var\(--grad-text\)\]{background-image:var(--grad-text)}:is(#design-showcase,#ds-modal-root) .bg-\[image\:var\(--pattern-navy\)\]{background-image:var(--pattern-navy)}:is(#design-showcase,#ds-modal-root) .bg-\[radial-gradient\(70\%_60\%_at_60\%_40\%\,rgb\(var\(--accent-rgb\)\/0\.16\)\,transparent_70\%\)\]{background-image:radial-gradient(70% 60% at 60% 40%,rgb(var(--accent-rgb)/.16),transparent 70%)}:is(#design-showcase,#ds-modal-root) .bg-\[radial-gradient\(circle\,rgba\(240\,60\,140\,0\.25\)\,transparent_65\%\)\]{background-image:radial-gradient(circle,rgba(240,60,140,.25),transparent 65%)}:is(#design-showcase,#ds-modal-root) .bg-\[length\:80px_80px\]{background-size:80px 80px}:is(#design-showcase,#ds-modal-root) .bg-clip-text{-webkit-background-clip:text;background-clip:text}:is(#design-showcase,#ds-modal-root) .object-cover{-o-object-fit:cover;object-fit:cover}:is(#design-showcase,#ds-modal-root) .object-left-top{-o-object-position:left top;object-position:left top}:is(#design-showcase,#ds-modal-root) .p-0{padding:0}:is(#design-showcase,#ds-modal-root) .p-1\.5{padding:.375rem}:is(#design-showcase,#ds-modal-root) .p-2{padding:.5rem}:is(#design-showcase,#ds-modal-root) .p-5{padding:1.25rem}:is(#design-showcase,#ds-modal-root) .p-6{padding:1.5rem}:is(#design-showcase,#ds-modal-root) .px-1{padding-left:.25rem;padding-right:.25rem}:is(#design-showcase,#ds-modal-root) .px-1\.5{padding-left:.375rem;padding-right:.375rem}:is(#design-showcase,#ds-modal-root) .px-2{padding-left:.5rem;padding-right:.5rem}:is(#design-showcase,#ds-modal-root) .px-3{padding-left:.75rem;padding-right:.75rem}:is(#design-showcase,#ds-modal-root) .px-4{padding-left:1rem;padding-right:1rem}:is(#design-showcase,#ds-modal-root) .px-5{padding-left:1.25rem;padding-right:1.25rem}:is(#design-showcase,#ds-modal-root) .px-6{padding-left:1.5rem;padding-right:1.5rem}:is(#design-showcase,#ds-modal-root) .py-1{padding-top:.25rem;padding-bottom:.25rem}:is(#design-showcase,#ds-modal-root) .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}:is(#design-showcase,#ds-modal-root) .py-10{padding-top:2.5rem;padding-bottom:2.5rem}:is(#design-showcase,#ds-modal-root) .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}:is(#design-showcase,#ds-modal-root) .py-3{padding-top:.75rem;padding-bottom:.75rem}:is(#design-showcase,#ds-modal-root) .py-4{padding-top:1rem;padding-bottom:1rem}:is(#design-showcase,#ds-modal-root) .py-5{padding-top:1.25rem;padding-bottom:1.25rem}:is(#design-showcase,#ds-modal-root) .py-\[15px\]{padding-top:15px;padding-bottom:15px}:is(#design-showcase,#ds-modal-root) .py-\[clamp\(40px\,5vw\,72px\)\]{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}:is(#design-showcase,#ds-modal-root) .py-\[clamp\(48px\,5vw\,80px\)\]{padding-top:clamp(48px,5vw,80px);padding-bottom:clamp(48px,5vw,80px)}:is(#design-showcase,#ds-modal-root) .py-\[clamp\(48px\,6vw\,96px\)\]{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}:is(#design-showcase,#ds-modal-root) .pb-5{padding-bottom:1.25rem}:is(#design-showcase,#ds-modal-root) .pt-4{padding-top:1rem}:is(#design-showcase,#ds-modal-root) .pt-5{padding-top:1.25rem}:is(#design-showcase,#ds-modal-root) .text-left{text-align:left}:is(#design-showcase,#ds-modal-root) .font-body{font-family:Manrope Variable,Manrope,Arial,sans-serif}:is(#design-showcase,#ds-modal-root) .font-display{font-family:Sora Variable,Sora,Arial,sans-serif}:is(#design-showcase,#ds-modal-root) .font-mono{font-family:JetBrains Mono Variable,JetBrains Mono,Menlo,monospace}:is(#design-showcase,#ds-modal-root) .text-\[10\.5px\]{font-size:10.5px}:is(#design-showcase,#ds-modal-root) .text-\[11\.5px\]{font-size:11.5px}:is(#design-showcase,#ds-modal-root) .text-\[11px\]{font-size:11px}:is(#design-showcase,#ds-modal-root) .text-\[12px\]{font-size:12px}:is(#design-showcase,#ds-modal-root) .text-\[13\.5px\]{font-size:13.5px}:is(#design-showcase,#ds-modal-root) .text-\[13px\]{font-size:13px}:is(#design-showcase,#ds-modal-root) .text-\[14\.5px\]{font-size:14.5px}:is(#design-showcase,#ds-modal-root) .text-\[14px\]{font-size:14px}:is(#design-showcase,#ds-modal-root) .text-\[15\.5px\]{font-size:15.5px}:is(#design-showcase,#ds-modal-root) .text-\[15px\]{font-size:15px}:is(#design-showcase,#ds-modal-root) .text-\[16px\]{font-size:16px}:is(#design-showcase,#ds-modal-root) .text-\[18px\]{font-size:18px}:is(#design-showcase,#ds-modal-root) .text-\[20px\]{font-size:20px}:is(#design-showcase,#ds-modal-root) .text-\[21px\]{font-size:21px}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(16px\,1\.3vw\,18\.5px\)\]{font-size:clamp(16px,1.3vw,18.5px)}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(26px\,2\.6vw\,36px\)\]{font-size:clamp(26px,2.6vw,36px)}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(26px\,3vw\,36px\)\]{font-size:clamp(26px,3vw,36px)}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(26px\,3vw\,40px\)\]{font-size:clamp(26px,3vw,40px)}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(28px\,3vw\,40px\)\]{font-size:clamp(28px,3vw,40px)}:is(#design-showcase,#ds-modal-root) .text-\[clamp\(38px\,4\.6vw\,62px\)\]{font-size:clamp(38px,4.6vw,62px)}:is(#design-showcase,#ds-modal-root) .font-bold{font-weight:700}:is(#design-showcase,#ds-modal-root) .font-medium{font-weight:500}:is(#design-showcase,#ds-modal-root) .font-semibold{font-weight:600}:is(#design-showcase,#ds-modal-root) .uppercase{text-transform:uppercase}:is(#design-showcase,#ds-modal-root) .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}:is(#design-showcase,#ds-modal-root) .leading-\[1\.04\]{line-height:1.04}:is(#design-showcase,#ds-modal-root) .leading-\[1\.15\]{line-height:1.15}:is(#design-showcase,#ds-modal-root) .leading-none{line-height:1}:is(#design-showcase,#ds-modal-root) .leading-relaxed{line-height:1.625}:is(#design-showcase,#ds-modal-root) .leading-snug{line-height:1.375}:is(#design-showcase,#ds-modal-root) .leading-tight{line-height:1.25}:is(#design-showcase,#ds-modal-root) .tracking-\[-0\.02em\]{letter-spacing:-.02em}:is(#design-showcase,#ds-modal-root) .tracking-\[-0\.035em\]{letter-spacing:-.035em}:is(#design-showcase,#ds-modal-root) .tracking-\[-0\.03em\]{letter-spacing:-.03em}:is(#design-showcase,#ds-modal-root) .tracking-label{letter-spacing:.14em}:is(#design-showcase,#ds-modal-root) .text-accent{--tw-text-opacity: 1;color:rgb(var(--accent-rgb) / var(--tw-text-opacity, 1))}:is(#design-showcase,#ds-modal-root) .text-fg{--tw-text-opacity: 1;color:rgb(var(--text-rgb) / var(--tw-text-opacity, 1))}:is(#design-showcase,#ds-modal-root) .text-fg\/50{color:rgb(var(--text-rgb) / .5)}:is(#design-showcase,#ds-modal-root) .text-fg\/55{color:rgb(var(--text-rgb) / .55)}:is(#design-showcase,#ds-modal-root) .text-fg\/60{color:rgb(var(--text-rgb) / .6)}:is(#design-showcase,#ds-modal-root) .text-fg\/65{color:rgb(var(--text-rgb) / .65)}:is(#design-showcase,#ds-modal-root) .text-fg\/70{color:rgb(var(--text-rgb) / .7)}:is(#design-showcase,#ds-modal-root) .text-fg\/80{color:rgb(var(--text-rgb) / .8)}:is(#design-showcase,#ds-modal-root) .text-teal{--tw-text-opacity: 1;color:rgb(44 201 166 / var(--tw-text-opacity, 1))}:is(#design-showcase,#ds-modal-root) .text-transparent{color:transparent}:is(#design-showcase,#ds-modal-root) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:is(#design-showcase,#ds-modal-root) .text-white\/70{color:#ffffffb3}:is(#design-showcase,#ds-modal-root) .no-underline{text-decoration-line:none}:is(#design-showcase,#ds-modal-root) .opacity-40{opacity:.4}:is(#design-showcase,#ds-modal-root) .opacity-60{opacity:.6}:is(#design-showcase,#ds-modal-root) .opacity-70{opacity:.7}:is(#design-showcase,#ds-modal-root) .shadow-\[0_12px_30px_-12px_rgb\(var\(--accent-rgb\)\/0\.7\)\]{--tw-shadow: 0 12px 30px -12px rgb(var(--accent-rgb)/.7);--tw-shadow-colored: 0 12px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_14px_34px_-12px_rgba\(240\,60\,140\,0\.8\)\]{--tw-shadow: 0 14px 34px -12px rgba(240,60,140,.8);--tw-shadow-colored: 0 14px 34px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_1px_2px_rgba\(16\,20\,40\,0\.04\)\,0_10px_30px_-18px_rgba\(16\,20\,40\,0\.25\)\]{--tw-shadow: 0 1px 2px rgba(16,20,40,.04),0 10px 30px -18px rgba(16,20,40,.25);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 10px 30px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_1px_2px_rgba\(16\,20\,40\,0\.04\)\,0_18px_40px_-28px_rgba\(16\,20\,40\,0\.35\)\]{--tw-shadow: 0 1px 2px rgba(16,20,40,.04),0 18px 40px -28px rgba(16,20,40,.35);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 18px 40px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_1px_2px_rgba\(16\,20\,40\,0\.04\)\]{--tw-shadow: 0 1px 2px rgba(16,20,40,.04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_20px_40px_-20px_rgba\(16\,20\,40\,0\.35\)\]{--tw-shadow: 0 20px 40px -20px rgba(16,20,40,.35);--tw-shadow-colored: 0 20px 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_30px_60px_-30px_rgba\(16\,20\,40\,0\.45\)\]{--tw-shadow: 0 30px 60px -30px rgba(16,20,40,.45);--tw-shadow-colored: 0 30px 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_40px_120px_-30px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow: 0 40px 120px -30px rgba(0,0,0,.6);--tw-shadow-colored: 0 40px 120px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .shadow-\[0_40px_80px_-30px_rgba\(16\,20\,40\,0\.5\)\]{--tw-shadow: 0 40px 80px -30px rgba(16,20,40,.5);--tw-shadow-colored: 0 40px 80px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .outline-none{outline:2px solid transparent;outline-offset:2px}:is(#design-showcase,#ds-modal-root) .drop-shadow-\[0_30px_40px_rgba\(16\,20\,40\,0\.35\)\]{--tw-drop-shadow: drop-shadow(0 30px 40px rgba(16,20,40,.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(#design-showcase,#ds-modal-root) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(#design-showcase,#ds-modal-root) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-\[transform\,border-color\]{transition-property:transform,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-\[transform\,box-shadow\,border-color\]{transition-property:transform,box-shadow,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(#design-showcase,#ds-modal-root) .duration-300{transition-duration:.3s}:is(#design-showcase,#ds-modal-root) .duration-500{transition-duration:.5s}:is(#design-showcase,#ds-modal-root) .duration-700{transition-duration:.7s}:is(#design-showcase,#ds-modal-root) .ease-premium{transition-timing-function:cubic-bezier(.22,1,.36,1)}:is(#design-showcase,#ds-modal-root) .\[mask-image\:radial-gradient\(70\%_80\%_at_75\%_30\%\,\#000\,transparent\)\]{-webkit-mask-image:radial-gradient(70% 80% at 75% 30%,#000,transparent);mask-image:radial-gradient(70% 80% at 75% 30%,#000,transparent)}#design-showcase,#ds-modal-root{--ds-stripe: linear-gradient(90deg, #F03C8C 0 40%, #F7A440 40% 75%, #2CC9A6 75% 100%);-webkit-font-smoothing:antialiased}#design-showcase .ds-stripe,#ds-modal-root .ds-stripe{background:var(--ds-stripe)}#design-showcase .ds-pattern{background-image:var(--pattern);background-size:80px 80px}#design-showcase img,#ds-modal-root img{display:block;max-width:none}#design-showcase button,#ds-modal-root button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}#design-showcase .ds-noscrollbar{scrollbar-width:none}#design-showcase .ds-noscrollbar::-webkit-scrollbar{display:none}.ds-concept{display:inline-block;padding:1px 6px;border-radius:6px;border:1px solid rgb(247 164 64 / .5);background:#f7a4401a;font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#a85d0c}:root[data-theme=dark] .ds-concept{color:#f7a440}.ds-layer{translate:calc(var(--px, 0) * var(--d, 1) * -26px) calc(var(--py, 0) * var(--d, 1) * -18px);will-change:transform}.ds-float-a{animation:ds-float 9s ease-in-out infinite}.ds-float-b{animation:ds-float 11s ease-in-out -3s infinite}.ds-float-c{animation:ds-float 8s ease-in-out -5s infinite}@keyframes ds-float{50%{transform:translate3d(0,-10px,0)}}@media (prefers-reduced-motion: reduce){.ds-layer{translate:none}.ds-float-a,.ds-float-b,.ds-float-c{animation:none}}.work{position:relative;z-index:2;padding-top:76px}@media (max-width: 900px){.work{padding-top:64px}}html:has(.work-page){scroll-behavior:smooth}.ds-tab-on{background:#161a35}:root[data-theme=dark] .ds-tab-on{background:var(--cta)}:is(#design-showcase,#ds-modal-root) .after\:absolute:after{content:var(--tw-content);position:absolute}:is(#design-showcase,#ds-modal-root) .after\:inset-0:after{content:var(--tw-content);inset:0}:is(#design-showcase,#ds-modal-root) .after\:z-10:after{content:var(--tw-content);z-index:10}:is(#design-showcase,#ds-modal-root) .after\:rounded-\[24px\]:after{content:var(--tw-content);border-radius:24px}:is(#design-showcase,#ds-modal-root) .after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}:is(#design-showcase,#ds-modal-root) .hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(#design-showcase,#ds-modal-root) .hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(#design-showcase,#ds-modal-root) .hover\:border-accent\/50:hover{border-color:rgb(var(--accent-rgb) / .5)}:is(#design-showcase,#ds-modal-root) .hover\:border-accent\/60:hover{border-color:rgb(var(--accent-rgb) / .6)}:is(#design-showcase,#ds-modal-root) .hover\:border-line2:hover{border-color:var(--line-2)}:is(#design-showcase,#ds-modal-root) .hover\:border-white\/60:hover{border-color:#fff9}:is(#design-showcase,#ds-modal-root) .hover\:bg-\[var\(--cta-hover\)\]:hover{background-color:var(--cta-hover)}:is(#design-showcase,#ds-modal-root) .hover\:bg-pink:hover{--tw-bg-opacity: 1;background-color:rgb(240 60 140 / var(--tw-bg-opacity, 1))}:is(#design-showcase,#ds-modal-root) .hover\:text-fg:hover{--tw-text-opacity: 1;color:rgb(var(--text-rgb) / var(--tw-text-opacity, 1))}:is(#design-showcase,#ds-modal-root) .hover\:opacity-100:hover{opacity:1}:is(#design-showcase,#ds-modal-root) .hover\:shadow-\[0_2px_4px_rgba\(16\,20\,40\,0\.05\)\,0_36px_70px_-34px_rgba\(16\,20\,40\,0\.45\)\]:hover{--tw-shadow: 0 2px 4px rgba(16,20,40,.05),0 36px 70px -34px rgba(16,20,40,.45);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), 0 36px 70px -34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline:focus-visible{outline-style:solid}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline-2:focus-visible{outline-width:2px}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline-accent:focus-visible{outline-color:rgb(var(--accent-rgb) / 1)}:is(#design-showcase,#ds-modal-root) .focus-visible\:outline-white:focus-visible{outline-color:#fff}:is(#design-showcase,#ds-modal-root) .focus-visible\:after\:outline:focus-visible:after{content:var(--tw-content);outline-style:solid}:is(#design-showcase,#ds-modal-root) .focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-width:2px}:is(#design-showcase,#ds-modal-root) .focus-visible\:after\:outline-offset-2:focus-visible:after{content:var(--tw-content);outline-offset:2px}:is(#design-showcase,#ds-modal-root) .focus-visible\:after\:outline-accent:focus-visible:after{content:var(--tw-content);outline-color:rgb(var(--accent-rgb) / 1)}:is(#design-showcase,#ds-modal-root) :is(.group:hover .group-hover\:translate-x-1){--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(#design-showcase,#ds-modal-root) :is(.group:hover .group-hover\:scale-\[1\.025\]){--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(#design-showcase,#ds-modal-root) :is(.group:hover .group-hover\:scale-x-100){--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){:is(#design-showcase,#ds-modal-root) .sm\:max-h-\[92vh\]{max-height:92vh}:is(#design-showcase,#ds-modal-root) .sm\:w-auto{width:auto}:is(#design-showcase,#ds-modal-root) .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#design-showcase,#ds-modal-root) .sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}:is(#design-showcase,#ds-modal-root) .sm\:flex-row{flex-direction:row}:is(#design-showcase,#ds-modal-root) .sm\:items-center{align-items:center}:is(#design-showcase,#ds-modal-root) .sm\:rounded-\[28px\]{border-radius:28px}:is(#design-showcase,#ds-modal-root) .sm\:p-6{padding:1.5rem}:is(#design-showcase,#ds-modal-root) .sm\:p-8{padding:2rem}:is(#design-showcase,#ds-modal-root) .sm\:px-12{padding-left:3rem;padding-right:3rem}:is(#design-showcase,#ds-modal-root) .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}:is(#design-showcase,#ds-modal-root) .sm\:px-8{padding-left:2rem;padding-right:2rem}:is(#design-showcase,#ds-modal-root) .sm\:px-\[4vw\]{padding-left:4vw;padding-right:4vw}:is(#design-showcase,#ds-modal-root) .sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}}@media (min-width: 768px){:is(#design-showcase,#ds-modal-root) .md\:block{display:block}:is(#design-showcase,#ds-modal-root) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){:is(#design-showcase,#ds-modal-root) .lg\:top-\[76px\]{top:76px}:is(#design-showcase,#ds-modal-root) .lg\:mt-auto{margin-top:auto}:is(#design-showcase,#ds-modal-root) .lg\:max-w-none{max-width:none}:is(#design-showcase,#ds-modal-root) .lg\:scroll-mt-\[76px\]{scroll-margin-top:76px}:is(#design-showcase,#ds-modal-root) .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:is(#design-showcase,#ds-modal-root) .lg\:grid-cols-\[1\.45fr_1fr\]{grid-template-columns:1.45fr 1fr}:is(#design-showcase,#ds-modal-root) .lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}:is(#design-showcase,#ds-modal-root) .lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}:is(#design-showcase,#ds-modal-root) .lg\:flex-row{flex-direction:row}:is(#design-showcase,#ds-modal-root) .lg\:items-end{align-items:flex-end}:is(#design-showcase,#ds-modal-root) .lg\:items-center{align-items:center}:is(#design-showcase,#ds-modal-root) .lg\:gap-10{gap:2.5rem}:is(#design-showcase,#ds-modal-root) .lg\:gap-16{gap:4rem}:is(#design-showcase,#ds-modal-root) .lg\:gap-7{gap:1.75rem}}@media (min-width: 1280px){:is(#design-showcase,#ds-modal-root) .xl\:px-12{padding-left:3rem;padding-right:3rem}}