/* ==========================================================================
   Thisdomaindontexist123 — single stylesheet (tokens + utilities + components)
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Syne:wght@500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css");

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    color-scheme: light;

    --color-clean-base: #f7f8fd;
    --color-clean-base-strong: #eceef9;
    --color-cyan-mist: #8aeef9;
    --color-cyan-soft: rgba(138, 238, 249, 0.38);
    --color-lavender-glow: #b8a9fc;
    --color-lavender-soft: rgba(184, 169, 252, 0.38);
    --color-pink-pop: #ff5f93;
    --color-pink-soft: rgba(255, 95, 147, 0.22);
    --color-yellow-bright: #f4d03a;
    --color-ink: #14141e;
    --color-ink-muted: #4d4d62;
    --color-surface: rgba(252, 253, 255, 0.78);
    --color-glass-border: rgba(22, 22, 31, 0.078);
    --surface-glass-strong: rgba(255, 255, 255, 0.88);
    --border-accent-soft: rgba(196, 181, 253, 0.38);

    --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-display: "Syne", "Instrument Sans", system-ui, sans-serif;

    --space-4xs: 0.125rem;
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.35rem;
    --space-xl: 3.25rem;
    --space-2xl: 4.75rem;

    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.55rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    --shadow-soft: 0 8px 32px rgba(20, 20, 34, 0.06), 0 2px 10px rgba(20, 20, 34, 0.035);
    --shadow-ring: 0 0 0 1px rgba(184, 169, 252, 0.42), 0 18px 48px rgba(138, 238, 249, 0.14);
    --shadow-float: 0 26px 58px rgba(255, 95, 147, 0.11), 0 10px 26px rgba(20, 20, 34, 0.055);
    --shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, 0.76);

    --transition-fast: 0.17s ease;
    --transition-base: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.52s cubic-bezier(0.4, 0, 0.2, 1);
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

body {
    margin: 0;
    font-family: var(--font-sans);
    color: var(--color-ink);
    background:
        radial-gradient(130% 90% at 6% -8%, var(--color-lavender-soft), transparent 58%),
        radial-gradient(100% 70% at 96% 6%, var(--color-cyan-soft), transparent 54%),
        radial-gradient(95% 48% at 50% 105%, rgba(255, 95, 147, 0.065), transparent 56%),
        linear-gradient(172deg, var(--color-clean-base) 0%, var(--color-clean-base-strong) 52%, #f4f6fc 100%);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

::selection {
    background: rgba(255, 95, 147, 0.22);
    color: var(--color-ink);
}

/* ----- Utilities layer -----
   Former Tailwind CLI input was utilities-only with preflight disabled.
   Source directive (for Tailwind CLI — not valid in browsers): @tailwind utilities;
   Compiled utility rules follow. ----- */

.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{inset:-.25rem}.-inset-2{inset:-.5rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-\[1\.15rem\]{left:-1.15rem}.-right-20{right:-5rem}.-right-8{right:-2rem}.-right-\[12\%\]{right:-12%}.-top-\[20\%\]{top:-20%}.bottom-6{bottom:1.5rem}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[5\%\]{bottom:5%}.left-\[-18\%\]{left:-18%}.right-6{right:1.5rem}.right-\[-20\%\]{right:-20%}.right-\[20\%\]{right:20%}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-20{top:5rem}.top-8{top:2rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-1{order:1}.order-2{order:2}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.ml-1{margin-left:.25rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.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-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[480px\]{height:480px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-2{width:.5rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[480px\]{width:480px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[10rem\]{max-width:10rem}.max-w-\[11rem\]{max-width:11rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[8rem\]{max-width:8rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.rotate-\[-6deg\]{--tw-rotate:-6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-pointer{cursor:pointer}.scroll-mt-28{scroll-margin-top:7rem}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.55rem\]{border-radius:1.55rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[1\.85rem\]{border-radius:1.85rem}.rounded-\[2\.1rem\]{border-radius:2.1rem}.rounded-\[2\.25rem\]{border-radius:2.25rem}.rounded-\[2\.35rem\]{border-radius:2.35rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-double{border-style:double}.border-black\/10{border-color:rgba(0,0,0,.1)}.border-black\/15{border-color:rgba(0,0,0,.15)}.border-black\/25{border-color:rgba(0,0,0,.25)}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-cyanmist\/45{border-color:rgba(165,243,252,.45)}.border-cyanmist\/50{border-color:rgba(165,243,252,.5)}.border-cyanmist\/55{border-color:rgba(165,243,252,.55)}.border-lavender\/35{border-color:rgba(196,181,253,.35)}.border-lavender\/40{border-color:rgba(196,181,253,.4)}.border-lavender\/45{border-color:rgba(196,181,253,.45)}.border-lavender\/50{border-color:rgba(196,181,253,.5)}.border-lavender\/55{border-color:rgba(196,181,253,.55)}.border-lavender\/65{border-color:rgba(196,181,253,.65)}.border-pinkpop\/25{border-color:rgba(255,107,154,.25)}.border-pinkpop\/35{border-color:rgba(255,107,154,.35)}.border-pinkpop\/45{border-color:rgba(255,107,154,.45)}.border-pinkpop\/70{border-color:rgba(255,107,154,.7)}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-white\/35{border-color:hsla(0,0%,100%,.35)}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.border-white\/45{border-color:hsla(0,0%,100%,.45)}.border-white\/50{border-color:hsla(0,0%,100%,.5)}.border-white\/55{border-color:hsla(0,0%,100%,.55)}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.border-white\/65{border-color:hsla(0,0%,100%,.65)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.border-yellowbr\/45{border-color:rgba(250,204,21,.45)}.border-yellowbr\/55{border-color:rgba(250,204,21,.55)}.border-yellowbr\/60{border-color:rgba(250,204,21,.6)}.border-yellowbr\/70{border-color:rgba(250,204,21,.7)}.bg-black\/\[0\.02\]{background-color:rgba(0,0,0,.02)}.bg-black\/\[0\.03\]{background-color:rgba(0,0,0,.03)}.bg-cleanbase{--tw-bg-opacity:1;background-color:rgb(249 250 255/var(--tw-bg-opacity,1))}.bg-cleanbase\/70{background-color:rgba(249,250,255,.7)}.bg-cleanbase\/75{background-color:rgba(249,250,255,.75)}.bg-cleanbase\/80{background-color:rgba(249,250,255,.8)}.bg-cleanbase\/90{background-color:rgba(249,250,255,.9)}.bg-cyanmist\/10{background-color:rgba(165,243,252,.1)}.bg-cyanmist\/25{background-color:rgba(165,243,252,.25)}.bg-cyanmist\/55{background-color:rgba(165,243,252,.55)}.bg-cyanmist\/80{background-color:rgba(165,243,252,.8)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(22 22 31/var(--tw-bg-opacity,1))}.bg-ink\/10{background-color:rgba(22,22,31,.1)}.bg-lavender\/20{background-color:rgba(196,181,253,.2)}.bg-lavender\/55{background-color:rgba(196,181,253,.55)}.bg-lavender\/80{background-color:rgba(196,181,253,.8)}.bg-pinkpop{--tw-bg-opacity:1;background-color:rgb(255 107 154/var(--tw-bg-opacity,1))}.bg-pinkpop\/15{background-color:rgba(255,107,154,.15)}.bg-pinkpop\/20{background-color:rgba(255,107,154,.2)}.bg-pinkpop\/50{background-color:rgba(255,107,154,.5)}.bg-pinkpop\/55{background-color:rgba(255,107,154,.55)}.bg-pinkpop\/70{background-color:rgba(255,107,154,.7)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/55{background-color:hsla(0,0%,100%,.55)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/65{background-color:hsla(0,0%,100%,.65)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/75{background-color:hsla(0,0%,100%,.75)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/85{background-color:hsla(0,0%,100%,.85)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellowbr\/10{background-color:rgba(250,204,21,.1)}.bg-yellowbr\/15{background-color:rgba(250,204,21,.15)}.bg-yellowbr\/35{background-color:rgba(250,204,21,.35)}.bg-\[linear-gradient\(180deg\2c rgba\(249\2c 250\2c 255\2c 0\.1\)_0\%\2c rgba\(249\2c 250\2c 255\2c 0\.92\)_95\%\)\]{background-image:linear-gradient(180deg,rgba(249,250,255,.1),rgba(249,250,255,.92) 95%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black\/5{--tw-gradient-from:rgba(0,0,0,.05) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanmist{--tw-gradient-from:#a5f3fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(165,243,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanmist\/30{--tw-gradient-from:rgba(165,243,252,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(165,243,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanmist\/40{--tw-gradient-from:rgba(165,243,252,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(165,243,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lavender{--tw-gradient-from:#c4b5fd var(--tw-gradient-from-position);--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lavender\/15{--tw-gradient-from:rgba(196,181,253,.15) var(--tw-gradient-from-position);--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lavender\/25{--tw-gradient-from:rgba(196,181,253,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lavender\/35{--tw-gradient-from:rgba(196,181,253,.35) var(--tw-gradient-from-position);--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pinkpop{--tw-gradient-from:#ff6b9a var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,154,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pinkpop\/25{--tw-gradient-from:rgba(255,107,154,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,154,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pinkpop\/90{--tw-gradient-from:rgba(255,107,154,.9) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,154,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pinkpop\/\[0\.07\]{--tw-gradient-from:rgba(255,107,154,.07) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,154,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellowbr\/\[0\.14\]{--tw-gradient-from:rgba(250,204,21,.14) var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cleanbase{--tw-gradient-to:rgba(249,250,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f9faff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-lavender{--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#c4b5fd var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-lavender\/10{--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(196,181,253,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-lavender\/25{--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(196,181,253,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-lavender\/45{--tw-gradient-to:rgba(196,181,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(196,181,253,.45) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-yellowbr\/\[0\.06\]{--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(250,204,21,.06) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyanmist{--tw-gradient-to:#a5f3fc var(--tw-gradient-to-position)}.to-cyanmist\/15{--tw-gradient-to:rgba(165,243,252,.15) var(--tw-gradient-to-position)}.to-cyanmist\/20{--tw-gradient-to:rgba(165,243,252,.2) var(--tw-gradient-to-position)}.to-cyanmist\/25{--tw-gradient-to:rgba(165,243,252,.25) var(--tw-gradient-to-position)}.to-cyanmist\/35{--tw-gradient-to:rgba(165,243,252,.35) var(--tw-gradient-to-position)}.to-cyanmist\/\[0\.12\]{--tw-gradient-to:rgba(165,243,252,.12) var(--tw-gradient-to-position)}.to-cyanmist\/\[0\.18\]{--tw-gradient-to:rgba(165,243,252,.18) var(--tw-gradient-to-position)}.to-lavender{--tw-gradient-to:#c4b5fd var(--tw-gradient-to-position)}.to-lavender\/20{--tw-gradient-to:rgba(196,181,253,.2) var(--tw-gradient-to-position)}.to-lavender\/30{--tw-gradient-to:rgba(196,181,253,.3) var(--tw-gradient-to-position)}.to-lavender\/90{--tw-gradient-to:rgba(196,181,253,.9) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-yellowbr{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}.to-yellowbr\/25{--tw-gradient-to:rgba(250,204,21,.25) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.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}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.pb-0{padding-bottom:0}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-36{padding-bottom:9rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pt-0\.5{padding-top:.125rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Syne,Instrument Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.88rem\]{font-size:.88rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.93rem\]{font-size:.93rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.85rem\]{font-size:1.85rem}.text-\[1\.92rem\]{font-size:1.92rem}.text-\[1\.94rem\]{font-size:1.94rem}.text-\[1\.95rem\]{font-size:1.95rem}.text-\[1rem\]{font-size:1rem}.text-\[2\.05rem\]{font-size:2.05rem}.text-\[2\.15rem\]{font-size:2.15rem}.text-\[2\.35rem\]{font-size:2.35rem}.text-\[2\.65rem\]{font-size:2.65rem}.text-\[2\.85rem\]{font-size:2.85rem}.text-\[2rem\]{font-size:2rem}.text-\[3\.85rem\]{font-size:3.85rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.06\]{line-height:1.06}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.78\]{line-height:1.78}.leading-\[1\.82\]{line-height:1.82}.leading-\[1\.8\]{line-height:1.8}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.26em\]{letter-spacing:.26em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.34em\]{letter-spacing:.34em}.tracking-\[0\.36em\]{letter-spacing:.36em}.tracking-\[0\.38em\]{letter-spacing:.38em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.42em\]{letter-spacing:.42em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-tight{letter-spacing:-.025em}.text-cleanbase{--tw-text-opacity:1;color:rgb(249 250 255/var(--tw-text-opacity,1))}.text-cyanmist{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyanmist\/35{color:rgba(165,243,252,.35)}.text-cyanmist\/90{color:rgba(165,243,252,.9)}.text-ink{--tw-text-opacity:1;color:rgb(22 22 31/var(--tw-text-opacity,1))}.text-ink\/35{color:rgba(22,22,31,.35)}.text-ink\/40{color:rgba(22,22,31,.4)}.text-ink\/45{color:rgba(22,22,31,.45)}.text-ink\/50{color:rgba(22,22,31,.5)}.text-ink\/55{color:rgba(22,22,31,.55)}.text-ink\/60{color:rgba(22,22,31,.6)}.text-ink\/65{color:rgba(22,22,31,.65)}.text-ink\/70{color:rgba(22,22,31,.7)}.text-ink\/75{color:rgba(22,22,31,.75)}.text-ink\/80{color:rgba(22,22,31,.8)}.text-ink\/85{color:rgba(22,22,31,.85)}.text-lavender{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}.text-lavender\/40{color:rgba(196,181,253,.4)}.text-lavender\/90{color:rgba(196,181,253,.9)}.text-pinkpop{--tw-text-opacity:1;color:rgb(255 107 154/var(--tw-text-opacity,1))}.text-pinkpop\/80{color:rgba(255,107,154,.8)}.text-pinkpop\/90{color:rgba(255,107,154,.9)}.text-pinkpop\/95{color:rgba(255,107,154,.95)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellowbr{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellowbr\/55{color:rgba(250,204,21,.55)}.underline{text-decoration-line:underline}.decoration-pinkpop\/40{text-decoration-color:rgba(255,107,154,.4)}.decoration-pinkpop\/55{text-decoration-color:rgba(255,107,154,.55)}.decoration-pinkpop\/60{text-decoration-color:rgba(255,107,154,.6)}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-\[0_4px_30px_rgba\(165\2c 243\2c 252\2c 0\.08\)\]{--tw-shadow:0 4px 30px rgba(165,243,252,.08);--tw-shadow-colored:0 4px 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)}.shadow-\[0_4px_30px_rgba\(165\2c 243\2c 252\2c 0\.09\)\]{--tw-shadow:0 4px 30px rgba(165,243,252,.09);--tw-shadow-colored:0 4px 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)}.shadow-\[0_4px_30px_rgba\(255\2c 107\2c 154\2c 0\.06\)\]{--tw-shadow:0 4px 30px rgba(255,107,154,.06);--tw-shadow-colored:0 4px 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)}.shadow-\[0_4px_30px_rgba\(255\2c 107\2c 154\2c 0\.07\)\]{--tw-shadow:0 4px 30px rgba(255,107,154,.07);--tw-shadow-colored:0 4px 30px var(--tw-shadow-color)}.shadow-\[0_4px_30px_rgba\(255\2c 107\2c 154\2c 0\.07\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lift{--tw-shadow:0 28px 64px rgba(255,107,154,.14),0 8px 24px rgba(22,22,31,.06);--tw-shadow-colored:0 28px 64px var(--tw-shadow-color),0 8px 24px var(--tw-shadow-color)}.shadow-lift,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-soft{--tw-shadow:0 10px 40px rgba(22,22,31,.06),0 2px 12px rgba(22,22,31,.04);--tw-shadow-colored:0 10px 40px var(--tw-shadow-color),0 2px 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)}.shadow-pinkpop\/30{--tw-shadow-color:rgba(255,107,154,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-pinkpop\/35{--tw-shadow-color:rgba(255,107,154,.35);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.blur-2xl{--tw-blur:blur(40px)}.blur-2xl,.blur-3xl{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)}.blur-3xl{--tw-blur:blur(64px)}.blur-\[100px\]{--tw-blur:blur(100px)}.blur-\[100px\],.blur-xl{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)}.blur-xl{--tw-blur:blur(24px)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-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)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{transition-duration:.15s;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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.open\:shadow-lift[open]{--tw-shadow:0 28px 64px rgba(255,107,154,.14),0 8px 24px rgba(22,22,31,.06);--tw-shadow-colored:0 28px 64px var(--tw-shadow-color),0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:border:hover{border-width:1px}.hover\:border-lavender\/50:hover{border-color:rgba(196,181,253,.5)}.hover\:border-lavender\/80:hover{border-color:rgba(196,181,253,.8)}.hover\:border-pinkpop\/45:hover{border-color:rgba(255,107,154,.45)}.hover\:border-pinkpop\/55:hover{border-color:rgba(255,107,154,.55)}.hover\:border-pinkpop\/70:hover{border-color:rgba(255,107,154,.7)}.hover\:bg-ink\/90:hover{background-color:rgba(22,22,31,.9)}.hover\:bg-lavender\/15:hover{background-color:rgba(196,181,253,.15)}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(22 22 31/var(--tw-text-opacity,1))}.hover\:text-pinkpop:hover{--tw-text-opacity:1;color:rgb(255 107 154/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lift:hover{--tw-shadow:0 28px 64px rgba(255,107,154,.14),0 8px 24px rgba(22,22,31,.06);--tw-shadow-colored:0 28px 64px var(--tw-shadow-color),0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:brightness-105:hover{--tw-brightness:brightness(1.05);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)}.focus\:border-pinkpop\/80:focus{border-color:rgba(255,107,154,.8)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-pinkpop\/40:focus{--tw-ring-color:rgba(255,107,154,.4)}.focus\:ring-pinkpop\/50:focus{--tw-ring-color:rgba(255,107,154,.5)}.group:hover .group-hover\:gap-3{gap:.75rem}.group:hover .group-hover\:bg-pinkpop\/25{background-color:rgba(255,107,154,.25)}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:w-10{width:2.5rem}.sm\:w-11{width:2.75rem}.sm\:max-w-none{max-width:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-8{gap:2rem}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-14{padding:3.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-bottom:5rem;padding-top:5rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pb-28{padding-bottom:7rem}.sm\:pb-36{padding-bottom:9rem}.sm\:pt-16{padding-top:4rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[0\.72rem\]{font-size:.72rem}.sm\:text-\[0\.76rem\]{font-size:.76rem}.sm\:text-\[0\.78rem\]{font-size:.78rem}.sm\:text-\[0\.8rem\]{font-size:.8rem}.sm\:text-\[1\.05rem\]{font-size:1.05rem}.sm\:text-\[2\.15rem\]{font-size:2.15rem}.sm\:text-\[2\.25rem\]{font-size:2.25rem}.sm\:text-\[2\.35rem\]{font-size:2.35rem}.sm\:text-\[2\.3rem\]{font-size:2.3rem}.sm\:text-\[2\.42rem\]{font-size:2.42rem}.sm\:text-\[2\.4rem\]{font-size:2.4rem}.sm\:text-\[2\.52rem\]{font-size:2.52rem}.sm\:text-\[2\.65rem\]{font-size:2.65rem}.sm\:text-\[2\.6rem\]{font-size:2.6rem}.sm\:text-\[2\.75rem\]{font-size:2.75rem}.sm\:text-\[2\.85rem\]{font-size:2.85rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-6{grid-column:span 6/span 6}.md\:row-span-2{grid-row:span 2/span 2}.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\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[180px_auto\]{grid-template-columns:180px auto}.md\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:mb-14{margin-bottom:3.5rem}.lg\:ml-auto{margin-left:auto}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-\[min\(40\%\2c 420px\)\]{width:min(40%,420px)}.lg\:max-w-\[58\%\]{max-width:58%}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[0\.95fr_minmax\(0\2c 1fr\)\]{grid-template-columns:.95fr minmax(0,1fr)}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.08fr_0\.92fr\]{grid-template-columns:1.08fr .92fr}.lg\:grid-cols-\[1\.2fr_minmax\(0\2c 0\.8fr\)\]{grid-template-columns:1.2fr minmax(0,.8fr)}.lg\:grid-cols-\[minmax\(0\2c 0\.42fr\)_minmax\(0\2c 1fr\)\]{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.05fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-5{gap:1.25rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.lg\:p-10{padding:2.5rem}.lg\:p-7{padding:1.75rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-4{padding-top:1rem}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:text-\[0\.75rem\]{font-size:.75rem}.lg\:text-\[0\.78rem\]{font-size:.78rem}.lg\:text-\[2\.35rem\]{font-size:2.35rem}.lg\:text-\[3\.05rem\]{font-size:3.05rem}.lg\:text-\[3\.35rem\]{font-size:3.35rem}.lg\:text-\[3rem\]{font-size:3rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1280px){.xl\:w-\[min\(38\%\2c 460px\)\]{width:min(38%,460px)}}

/* Border opacity steps used in markup but outside Tailwind’s default opacity scale */
.border-black\/6{border-color:rgba(0,0,0,.06)}
.border-black\/8{border-color:rgba(0,0,0,.08)}
.border-black\/12{border-color:rgba(0,0,0,.12)}


/* ----- Components & page chrome ----- */


.font-display {
    font-family: var(--font-display);
    letter-spacing: -0.025em;
}

.glass-panel {
    background: linear-gradient(155deg,
            rgba(255, 255, 255, 0.88),
            rgba(252, 253, 255, 0.62));
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: var(--shadow-soft), var(--shadow-inner-glow);
}

.neu-surface {
    background: linear-gradient(148deg,
            rgba(255, 255, 255, 0.97),
            rgba(246, 248, 253, 0.86));
    box-shadow:
        10px 12px 28px rgba(190, 180, 252, 0.18),
        -8px -8px 24px rgba(255, 255, 255, 0.95),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.82);
}

.text-gradient {
    background: linear-gradient(118deg,
            #ff4f87 0%,
            var(--color-lavender-glow) 42%,
            #7eeafc 78%,
            #f5d547 105%);
    background-size: 140% 140%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 1px 12px rgba(255, 95, 147, 0.08));
}

@media (prefers-reduced-motion: no-preference) {
    .text-gradient {
        animation: gradient-text-shift 14s ease-in-out infinite alternate;
    }
}

@keyframes gradient-text-shift {
    0% {
        background-position: 0% 40%;
    }

    100% {
        background-position: 100% 60%;
    }
}

.link-focus-ring:focus-visible {
    outline: 2px solid var(--color-pink-pop);
    outline-offset: 3px;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus {
    position: fixed;
    left: var(--space-sm);
    top: var(--space-sm);
    z-index: 99999;
    width: auto;
    height: auto;
    padding: var(--space-xs) var(--space-sm);
    background: var(--color-ink);
    color: var(--color-clean-base);
    border-radius: var(--radius-sm);
}

.ads-disclosure {
    position: relative;
    z-index: 1;
}

.ads-disclosure__panel {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border: 1px solid rgba(22, 22, 31, 0.06);
    background: linear-gradient(135deg,
            var(--surface-glass-strong),
            rgba(249, 251, 255, 0.68));
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    box-shadow: var(--shadow-soft), var(--shadow-inner-glow);
}

.ads-disclosure__panel::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: var(--radius-xl) 0 0 var(--radius-xl);
    background: linear-gradient(180deg,
            var(--color-pink-pop),
            var(--color-lavender-glow),
            var(--color-cyan-mist));
    opacity: 0.92;
}

.ads-disclosure__panel>* {
    position: relative;
}

.cookie-banner__surface {
    position: fixed;
    bottom: var(--space-sm);
    left: var(--space-sm);
    right: var(--space-sm);
    z-index: 9000;
    max-width: min(920px, 100%);
    margin: 0 auto;
    padding: var(--space-md);
    animation: banner-rise 0.55s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes banner-rise {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cookie-modal[hidden],
.cookie-banner[hidden] {
    display: none !important;
}

.cookie-overlay {
    position: fixed;
    inset: 0;
    z-index: 8998;
    background: rgba(22, 22, 31, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cookie-modal-panel {
    position: fixed;
    inset: auto var(--space-sm) var(--space-sm);
    left: var(--space-sm);
    right: var(--space-sm);
    z-index: 8999;
    max-width: 540px;
    margin: auto;
    padding: var(--space-lg);
    max-height: min(88vh, 720px);
    overflow-y: auto;
}

.reveal-scroll {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity var(--transition-slow),
        transform var(--transition-slow);
}

.reveal-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.header-scrolled .site-header__bar {
    box-shadow: var(--shadow-soft);
    background: rgba(249, 250, 255, 0.92);
}

.form-field-invalid {
    border-color: var(--color-pink-pop) !important;
    box-shadow: 0 0 0 1px rgba(255, 107, 154, 0.4);
}

.form-error-visible {
    display: block !important;
}

.toggle-track {
    position: relative;
    width: 2.85rem;
    height: 1.5rem;
    border-radius: var(--radius-pill);
    background: var(--color-clean-base-strong);
    border: 1px solid rgba(196, 181, 253, 0.6);
    transition: background var(--transition-fast);
}

.toggle-thumb {
    position: absolute;
    top: 50%;
    left: 0.2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--color-yellow-bright);
    transform: translate(0, -50%);
    transition: transform var(--transition-base),
        box-shadow var(--transition-base);
    box-shadow: 0 2px 6px rgba(22, 22, 31, 0.2);
}

.toggle-track[aria-checked="true"] .toggle-thumb {
    transform: translate(1.33rem, -50%);
    background: var(--color-cyan-mist);
}

.toggle-track[aria-disabled="true"] {
    opacity: 0.6;
}

.nav-burger {
    position: relative;
    z-index: 75;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--color-glass-border);
    border-radius: var(--radius-md);
    background: rgba(249, 250, 255, 0.92);
    box-shadow: var(--shadow-soft);
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.nav-burger:hover {
    box-shadow: var(--shadow-float);
}

.nav-burger:focus-visible {
    outline: 2px solid var(--color-pink-pop);
    outline-offset: 2px;
}

.nav-burger__bars {
    position: relative;
    display: flex;
    width: 1.125rem;
    height: 0.875rem;
    flex-direction: column;
    justify-content: space-between;
}

.nav-burger__bars span {
    display: block;
    height: 2px;
    border-radius: 2px;
    background: var(--color-ink);
    transition: transform var(--transition-base), opacity var(--transition-fast),
        width var(--transition-fast);
    transform-origin: center;
}

.nav-mobile-open .nav-burger__bars span:first-child {
    transform: translateY(5px) rotate(45deg);
}

.nav-mobile-open .nav-burger__bars span:nth-child(2) {
    opacity: 0;
    width: 0;
}

.nav-mobile-open .nav-burger__bars span:last-child {
    transform: translateY(-5px) rotate(-45deg);
}

.site-nav-desktop {
    align-items: center;
}

.site-nav-desktop--policy {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.625rem 1rem;
}

.nav-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 55;
    background: rgba(22, 22, 31, 0.38);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--transition-base), visibility var(--transition-base);
}

body.nav-mobile-open .nav-drawer-backdrop:not([hidden]) {
    opacity: 1;
    visibility: visible;
}

.mobile-nav-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 60;
    display: flex;
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    width: min(100vw, 21rem);
    flex-direction: column;
    overflow-y: auto;
    border-left: 1px solid var(--color-glass-border);
    background: linear-gradient(170deg,
            rgba(249, 250, 255, 0.98) 0%,
            rgba(238, 242, 254, 0.96) 100%);
    box-shadow: -12px 0 40px rgba(22, 22, 31, 0.12);
    transform: translateX(103%);
    transition: transform var(--transition-base);
    scrollbar-gutter: stable;
}

body.nav-mobile-open .mobile-nav-panel {
    transform: translateX(0);
}

.mobile-nav-panel__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-md) var(--space-sm);
    border-bottom: 1px solid rgba(22, 22, 31, 0.07);
}

.mobile-nav-panel__brand {
    min-width: 0;
}

.mobile-nav-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border: none;
    border-radius: var(--radius-pill);
    background: rgba(255, 107, 154, 0.12);
    color: var(--color-ink);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.mobile-nav-close:hover {
    background: rgba(165, 243, 252, 0.35);
}

.mobile-nav-close:focus-visible {
    outline: 2px solid var(--color-pink-pop);
    outline-offset: 2px;
}

.mobile-nav-panel__list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: var(--space-md);
}

.mobile-nav-panel__link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 0.875rem;
    border-radius: var(--radius-md);
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--color-ink);
    text-decoration: none;
    transition: background var(--transition-fast), transform var(--transition-fast);
}

.mobile-nav-panel__link:hover {
    background: rgba(196, 181, 253, 0.22);
}

.mobile-nav-panel__link:active {
    transform: scale(0.99);
}

.mobile-nav-panel__link.is-active {
    background: rgba(255, 107, 154, 0.15);
    color: inherit;
}

.mobile-nav-panel__cta {
    margin-top: auto;
    padding: var(--space-md);
    border-top: 1px solid rgba(22, 22, 31, 0.08);
}

.policy-hero {
    position: relative;
    overflow: hidden;
    margin: 0 calc(-1 * var(--policy-pad-inline, 1rem));
    padding: clamp(1.75rem, 4vw, 3.25rem) clamp(1rem, 4vw, 2.5rem);
    border-radius: var(--radius-xl);
    border: 1px solid rgba(196, 181, 253, 0.35);
    background: radial-gradient(90% 80% at 10% -10%,
            rgba(165, 243, 252, 0.45),
            transparent 55%),
        radial-gradient(60% 50% at 90% 0%,
            rgba(255, 107, 154, 0.18),
            transparent 50%),
        rgba(249, 250, 255, 0.88);
    box-shadow: var(--shadow-ring);
}

.policy-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(135deg,
            transparent 42%,
            rgba(250, 204, 21, 0.07) 50%,
            transparent 58%);
    opacity: 0.9;
    pointer-events: none;
}

.policy-hero__inner {
    position: relative;
    z-index: 1;
}

.policy-hero-date {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    border-radius: var(--radius-pill);
    border: 1px solid rgba(22, 22, 31, 0.08);
    background: rgba(255, 255, 255, 0.65);
    font-size: clamp(0.75rem, 2.5vw, 0.8125rem);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-ink-muted);
}

.policy-hero-date--sentence {
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 700;
    color: var(--color-ink);
}

.policy-doc-section {
    margin-top: clamp(2rem, 5vw, 3rem);
    padding: clamp(1.25rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(22, 22, 31, 0.06);
    background: rgba(255, 255, 255, 0.55);
}

.policy-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.policy-pill {
    padding: 0.25rem 0.65rem;
    border-radius: var(--radius-pill);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(196, 181, 253, 0.25);
    color: var(--color-ink-muted);
}

.policy-grid-2 {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

@media (min-width: 640px) {
    .policy-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.policy-callout {
    margin-top: 1.25rem;
    padding: 1rem 1.15rem;
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-pink-pop);
    background: rgba(255, 107, 154, 0.08);
    font-size: 0.9375rem;
}

@media (min-width: 1024px) {
    .nav-burger {
        display: none;
    }

    .site-nav-desktop {
        display: flex !important;
        flex-wrap: wrap;
    }

    .nav-drawer-backdrop {
        display: none !important;
    }

    .mobile-nav-panel {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .site-nav-desktop {
        display: none !important;
    }
}

@media (max-width: 414px) {
    .mobile-nav-panel {
        width: min(100vw, 100%);
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .nav-burger {
        width: 2.5rem;
        height: 2.5rem;
    }

    .policy-hero {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (max-width: 320px) {
    :root {
        --space-doc-block: 0.75rem;
    }

    body {
        font-size: 0.9375rem;
        line-height: 1.55;
    }

    .cookie-banner__surface {
        left: 0.375rem;
        right: 0.375rem;
        bottom: 0.375rem;
        padding: 0.75rem;
        max-width: none;
    }

    .nav-burger {
        width: 2.35rem;
        height: 2.35rem;
    }

    .mobile-nav-panel {
        width: 100%;
        max-width: 100%;
    }

    .mobile-nav-panel__link {
        padding: 0.65rem 0.75rem;
        font-size: 0.875rem;
    }

    .cookie-modal-panel {
        left: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        padding: 1rem;
        max-height: calc(100dvh - 0.5rem);
        border-radius: var(--radius-md);
    }

    .policy-hero {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding: 1.15rem 0.65rem;
        border-radius: var(--radius-md);
    }

    .policy-doc-section {
        padding: 1rem 0.85rem;
        margin-left: -0.15rem;
        margin-right: -0.15rem;
    }

    .policy-callout {
        padding: 0.85rem;
        font-size: 0.8125rem;
    }

    .skip-link:focus {
        max-width: calc(100vw - 1rem);
        font-size: 0.875rem;
    }

    body.header-scrolled .site-header__bar {
        padding-left: max(0.5rem, env(safe-area-inset-left));
        padding-right: max(0.5rem, env(safe-area-inset-right));
    }
}

.mesh-body {
    background-color: var(--color-clean-base);
    background-image:
        radial-gradient(ellipse 88% 58% at 14% -6%, rgba(190, 180, 252, 0.38), transparent 54%),
        radial-gradient(ellipse 72% 48% at 94% 10%, rgba(156, 240, 251, 0.34), transparent 50%),
        radial-gradient(ellipse 58% 38% at 48% 108%, rgba(255, 95, 147, 0.11), transparent 48%),
        linear-gradient(168deg,
            var(--color-clean-base) 0%,
            #eef1fb 46%,
            var(--color-clean-base-strong) 100%);
}

.mesh-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(52px);
    opacity: 0.65;
    pointer-events: none;
    will-change: transform;
}

.mesh-orb--a {
    width: min(52vw, 420px);
    height: min(52vw, 420px);
    background: radial-gradient(circle at 35% 35%, rgba(255, 95, 147, 0.52), rgba(190, 180, 252, 0.2));
    animation: orb-float-a 22s ease-in-out infinite;
}

.mesh-orb--b {
    width: min(42vw, 320px);
    height: min(42vw, 320px);
    background: radial-gradient(circle at 60% 40%, rgba(156, 240, 251, 0.62), rgba(245, 213, 71, 0.16));
    animation: orb-float-b 26s ease-in-out infinite;
    animation-delay: -4s;
}

.mesh-orb--c {
    width: min(36vw, 280px);
    height: min(36vw, 280px);
    background: radial-gradient(circle at 45% 55%, rgba(190, 180, 252, 0.46), transparent 68%);
    animation: orb-float-c 19s ease-in-out infinite;
    animation-delay: -8s;
}

@keyframes orb-float-a {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(12%, -10%) scale(1.08);
    }
}

@keyframes orb-float-b {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-18%, 14%) scale(1.06);
    }
}

@keyframes orb-float-c {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(8%, 18%);
    }
}

.hero-clip {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 52px), 0 100%);
}

@media (min-width: 768px) {
    .hero-clip {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 72px), 0 100%);
    }
}

.hero-line {
    height: 4px;
    width: min(160px, 42vw);
    border-radius: var(--radius-pill);
    background: linear-gradient(92deg,
            var(--color-pink-pop),
            var(--color-lavender-glow) 48%,
            var(--color-cyan-mist));
    background-size: 220% 100%;
    box-shadow: 0 2px 14px rgba(255, 95, 147, 0.22);
    animation: shimmer-bar 5.5s ease-in-out infinite alternate;
}

@keyframes shimmer-bar {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.anim-hero-pop {
    animation: hero-pop-in 0.95s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    opacity: 0;
}

@keyframes hero-pop-in {
    from {
        opacity: 0;
        transform: translateY(36px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.anim-delay-1 {
    animation-delay: 0.12s;
}

.anim-delay-2 {
    animation-delay: 0.26s;
}

.anim-delay-3 {
    animation-delay: 0.42s;
}

.anim-delay-4 {
    animation-delay: 0.56s;
}

.anim-float-card {
    animation: float-card 7s ease-in-out infinite;
}

@keyframes float-card {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.marquee-edge {
    mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}

.marquee-inner {
    display: flex;
    width: max-content;
    gap: 3rem;
    animation: marquee-x 32s linear infinite;
}

.marquee-inner:hover {
    animation-play-state: paused;
}

@keyframes marquee-x {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.marquee-group {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.anim-stagger {
    opacity: 1;
}

.anim-stagger-item {
    opacity: 0;
    transform: translateY(36px);
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.anim-stagger.is-visible .anim-stagger-item {
    opacity: 1;
    transform: translateY(0);
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(1) {
    transition-delay: 0s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(2) {
    transition-delay: 0.1s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(3) {
    transition-delay: 0.2s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(4) {
    transition-delay: 0.3s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(5) {
    transition-delay: 0.4s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(6) {
    transition-delay: 0.5s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(7) {
    transition-delay: 0.58s;
}

.anim-stagger.is-visible .anim-stagger-item:nth-child(8) {
    transition-delay: 0.66s;
}

.btn-pulse-glow {
    position: relative;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.btn-pulse-glow::after {
    content: "";
    position: absolute;
    inset: -3px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--color-pink-pop), var(--color-lavender-glow), var(--color-cyan-mist));
    opacity: 0;
    filter: blur(12px);
    transition: opacity var(--transition-base);
}

.btn-pulse-glow:hover::after {
    opacity: 0.65;
}

.btn-pulse-glow:hover {
    transform: translateY(-3px);
}

.snap-x-cards {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(190, 180, 252, 0.55) rgba(22, 22, 31, 0.06);
}

.snap-x-cards::-webkit-scrollbar {
    height: 7px;
}

.snap-x-cards::-webkit-scrollbar-track {
    background: rgba(22, 22, 31, 0.05);
    border-radius: var(--radius-pill);
}

.snap-x-cards::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg,
            rgba(255, 95, 147, 0.45),
            rgba(190, 180, 252, 0.65));
    border-radius: var(--radius-pill);
}

.snap-x-cards>* {
    scroll-snap-align: start;
    flex: 0 0 min(280px, 85vw);
}

details.motion-details summary {
    cursor: pointer;
    list-style: none;
}

details.motion-details summary::-webkit-details-marker {
    display: none;
}

details.motion-details[open] .motion-details-icon {
    transform: rotate(180deg);
}

.motion-details-icon {
    transition: transform var(--transition-base);
}

.parallax-soft {
    will-change: transform;
}

.ring-spin-slow {
    animation: ring-spin 48s linear infinite;
}

@keyframes ring-spin {
    to {
        transform: rotate(360deg);
    }
}

.timeline-rail {
    position: relative;
    padding-left: 2rem;
    border-left: 2px solid rgba(196, 181, 253, 0.42);
}

.timeline-node {
    position: relative;
    padding-bottom: 2rem;
}

.timeline-node:last-child {
    padding-bottom: 0;
}

.timeline-dot {
    position: absolute;
    left: -2rem;
    top: 0.35rem;
    width: 0.85rem;
    height: 0.85rem;
    margin-left: -0.43rem;
    border-radius: 50%;
    background: linear-gradient(135deg,
            var(--color-pink-pop),
            var(--color-lavender-glow));
    box-shadow: 0 0 0 6px rgba(249, 250, 255, 0.85);
}

.timeline-dot::after {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 1px solid rgba(255, 107, 154, 0.35);
    animation: timeline-pulse 2.8s ease-out infinite;
}

@keyframes timeline-pulse {
    0% {
        transform: scale(0.65);
        opacity: 0.85;
    }

    75% {
        transform: scale(1.65);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.hero-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.hero-shell__bg {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-shell--diet .hero-shell__bg::before {
    content: "";
    position: absolute;
    inset: -15% -20%;
    background: repeating-linear-gradient(-14deg,
            transparent,
            transparent 42px,
            rgba(196, 181, 253, 0.07) 42px,
            rgba(196, 181, 253, 0.07) 44px);
    opacity: 0.85;
}

.hero-shell--diet .hero-shell__bg::after {
    content: "";
    position: absolute;
    right: -8%;
    bottom: -25%;
    width: min(72vw, 560px);
    height: min(72vw, 560px);
    border-radius: 50%;
    background: radial-gradient(circle at 40% 35%,
            rgba(255, 107, 154, 0.28),
            rgba(165, 243, 252, 0.12) 52%,
            transparent 68%);
    filter: blur(4px);
    animation: hero-blob-drift 18s ease-in-out infinite alternate;
}

.hero-shell__spine {
    width: 5px;
    flex-shrink: 0;
    align-self: stretch;
    min-height: 9rem;
    border-radius: var(--radius-pill);
    background: linear-gradient(180deg,
            var(--color-pink-pop),
            var(--color-lavender-glow),
            var(--color-cyan-mist));
    box-shadow: 0 0 28px rgba(255, 107, 154, 0.35);
    animation: spine-shimmer 5s ease-in-out infinite alternate;
}

.hero-shell__frame--slice {
    position: relative;
    transform: rotate(-2.25deg);
    border-radius: 1.85rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.42);
    box-shadow:
        0 28px 60px rgba(255, 107, 154, 0.14),
        0 8px 24px rgba(22, 22, 31, 0.06);
}

.hero-shell__frame--slice::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(165deg,
            rgba(249, 250, 255, 0.35) 0%,
            transparent 42%,
            rgba(165, 243, 252, 0.15) 100%);
    mix-blend-mode: soft-light;
}

.hero-shell__corner-tag {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 2;
    padding: 0.35rem 0.65rem;
    border-radius: var(--radius-sm);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(22, 22, 31, 0.55);
    background: rgba(249, 250, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(8px);
}

.hero-shell--program .hero-shell__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(105deg,
            transparent 0%,
            transparent 46%,
            rgba(165, 243, 252, 0.14) 46%,
            rgba(165, 243, 252, 0.14) 47.5%,
            transparent 47.5%),
        linear-gradient(-12deg,
            rgba(250, 204, 21, 0.06) 0%,
            transparent 38%);
}

.hero-shell--program .hero-shell__bg::after {
    content: "";
    position: absolute;
    left: 10%;
    top: 55%;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px dashed rgba(196, 181, 253, 0.35);
    opacity: 0.85;
    animation: hero-orbit-nudge 22s linear infinite;
}

.hero-metric-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.hero-metric-card {
    flex: 1 1 auto;
    min-width: min(100%, 160px);
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(249, 250, 255, 0.72);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(22, 22, 31, 0.05);
}

.hero-shell__stepbars {
    display: flex;
    gap: 0.35rem;
    margin-top: 1.25rem;
}

.hero-shell__stepbars span {
    height: 5px;
    border-radius: var(--radius-pill);
    flex: 1;
    max-width: 4.5rem;
    opacity: 0;
    animation: hero-pop-in 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.hero-shell__stepbars span:nth-child(1) {
    background: linear-gradient(90deg, var(--color-pink-pop), var(--color-lavender-glow));
    animation-delay: 0.28s;
}

.hero-shell__stepbars span:nth-child(2) {
    background: linear-gradient(90deg, var(--color-lavender-glow), var(--color-cyan-mist));
    animation-delay: 0.42s;
}

.hero-shell__stepbars span:nth-child(3) {
    background: linear-gradient(90deg, var(--color-cyan-mist), rgba(250, 204, 21, 0.85));
    animation-delay: 0.56s;
}

.hero-shell__orbit-wrap {
    position: absolute;
    inset: -12%;
    pointer-events: none;
}

.hero-shell__orbit-wrap .ring-spin-slow {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(196, 181, 253, 0.28);
}

.hero-shell__figure-mask {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.65);
    aspect-ratio: 1;
    max-width: min(100%, 420px);
    margin-left: auto;
    margin-right: auto;
    box-shadow:
        0 28px 70px rgba(165, 243, 252, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.hero-shell__figure-mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-shell--contact .hero-shell__bg::before {
    content: "";
    position: absolute;
    inset: -40% -20%;
    background: radial-gradient(ellipse 55% 45% at 70% 20%,
            rgba(165, 243, 252, 0.35),
            transparent 58%),
        radial-gradient(ellipse 40% 38% at 15% 75%,
            rgba(255, 107, 154, 0.22),
            transparent 55%);
}

.hero-shell__signals {
    position: absolute;
    right: 8%;
    top: 42%;
    width: min(340px, 55vw);
    height: min(340px, 55vw);
    transform: translateY(-50%);
    pointer-events: none;
}

.hero-shell__signals span {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 107, 154, 0.22);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.35);
    animation: hero-signal-wave 5s ease-out infinite;
}

.hero-shell__signals span:nth-child(1) {
    width: 42%;
    height: 42%;
    animation-delay: 0s;
}

.hero-shell__signals span:nth-child(2) {
    width: 68%;
    height: 68%;
    animation-delay: 1.5s;
}

.hero-shell__signals span:nth-child(3) {
    width: 96%;
    height: 96%;
    animation-delay: 3s;
}

.hero-shell__channel {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.48);
    background: linear-gradient(115deg,
            rgba(249, 250, 255, 0.88),
            rgba(249, 250, 255, 0.45));
    backdrop-filter: blur(14px);
    transition:
        transform var(--transition-base),
        border-color var(--transition-base);
}

.hero-shell__channel:hover {
    transform: translateX(6px);
    border-color: rgba(196, 181, 253, 0.55);
}

.hero-shell__channel-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: var(--shadow-soft);
}

.hero-shell__glass-panel {
    position: relative;
    overflow: hidden;
    border-radius: 1.85rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(249, 250, 255, 0.38);
    backdrop-filter: blur(16px);
}

.hero-shell__glass-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 15%,
            rgba(255, 107, 154, 0.12),
            transparent 42%);
    pointer-events: none;
}

@keyframes hero-blob-drift {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-6%, -4%) scale(1.06);
    }
}

@keyframes spine-shimmer {
    0% {
        filter: brightness(1);
        box-shadow: 0 0 22px rgba(255, 107, 154, 0.28);
    }

    100% {
        filter: brightness(1.08);
        box-shadow: 0 0 34px rgba(165, 243, 252, 0.42);
    }
}

@keyframes hero-orbit-nudge {
    to {
        transform: rotate(360deg);
    }
}

@keyframes hero-signal-wave {
    0% {
        opacity: 0.72;
        transform: translate(-50%, -50%) scale(0.35);
    }

    65% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {

    .mesh-orb,
    .anim-float-card,
    .marquee-inner,
    .hero-line,
    .ring-spin-slow,
    .timeline-dot::after {
        animation: none !important;
    }

    .text-gradient {
        animation: none !important;
        background-position: 50% 50%;
    }

    .hero-shell--diet .hero-shell__bg::after,
    .hero-shell__spine,
    .hero-shell__signals span,
    .hero-shell--program .hero-shell__bg::after,
    .hero-shell__stepbars span {
        animation: none !important;
    }

    .hero-shell--diet .hero-shell__bg::after {
        transform: none;
    }

    .hero-shell__signals span {
        opacity: 0.18;
        transform: translate(-50%, -50%) scale(1);
    }

    .hero-shell__stepbars span {
        opacity: 1;
    }

    .anim-hero-pop {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .marquee-inner {
        transform: none !important;
    }

    .parallax-soft {
        transform: none !important;
    }
}