/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#f5f1e8;--color-surface:#eee6de;--color-ink:#351d29;--color-ink2:#5b4b52;--color-line:#e3d8dc;--color-berry:#713348;--color-berry-d:#5c1535;--color-putih:#fffdf8;--color-stage:#351d29;--color-danger:#a3262f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);-webkit-text-size-adjust:100%}:focus-visible{outline:3px solid var(--color-berry);outline-offset:3px;border-radius:4px}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-\[8\%\]{top:8%}.left-\[22\%\]{left:22%}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media (width>=820px){.container{max-width:820px}}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!m-0{margin:0!important}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[42\%\]{height:42%}.h-\[88px\]{height:88px}.h-\[340px\]{height:340px}.\!min-h-11{min-height:calc(var(--spacing) * 11)!important}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-screen{min-height:100vh}.\!w-20{width:calc(var(--spacing) * 20)!important}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-\[22\%\]{width:22%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[26em\]{max-width:26em}.max-w-\[38em\]{max-width:38em}.max-w-\[40em\]{max-width:40em}.max-w-\[44em\]{max-width:44em}.max-w-\[62ch\]{max-width:62ch}.max-w-\[220px\]{max-width:220px}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[480px\]{max-width:480px}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[1180px\]{max-width:1180px}.max-w-xs{max-width:var(--container-xs)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[640px\]{min-width:640px}.min-w-\[720px\]{min-width:720px}.min-w-\[760px\]{min-width:760px}.min-w-\[860px\]{min-width:860px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.self-end{align-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.\!rounded-xl{border-radius:var(--radius-xl)!important}.rounded{border-radius:.25rem}.rounded-\[50\%_50\%_48\%_48\%\/72\%_72\%_28\%_28\%\]{border-radius:50% 50% 48% 48%/72% 72% 28% 28%}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-berry{border-color:var(--color-berry)!important}.border-\[\#4a3640\]{border-color:#4a3640}.border-ink{border-color:var(--color-ink)}.border-line{border-color:var(--color-line)}.border-transparent{border-color:#0000}.\!bg-\[\#fffafb\]{background-color:#fffafb!important}.bg-\[var\(--berry-soft\)\]{background-color:var(--berry-soft)}.bg-berry{background-color:var(--color-berry)}.bg-bg{background-color:var(--color-bg)}.bg-ink{background-color:var(--color-ink)}.bg-line{background-color:var(--color-line)}.bg-putih{background-color:var(--color-putih)}.bg-stage{background-color:var(--color-stage)}.bg-surface{background-color:var(--color-surface)}.bg-surface\/60{background-color:#eee6de99}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in oklab, var(--color-surface) 60%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\/55{--tw-gradient-from:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.from-white\/55{--tw-gradient-from:color-mix(in oklab, var(--color-white) 55%, transparent)}}.from-white\/55{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/0{--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.to-white\/0{--tw-gradient-to:color-mix(in oklab, var(--color-white) 0%, transparent)}}.to-white\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[22px\]{font-size:22px!important}.\!text-\[24px\]{font-size:24px!important}.\!text-\[26px\]{font-size:26px!important}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[clamp\(28px\,5\.5vw\,44px\)\]{font-size:clamp(28px,5.5vw,44px)}.text-\[clamp\(28px\,5vw\,40px\)\]{font-size:clamp(28px,5vw,40px)}.text-\[clamp\(28px\,6vw\,40px\)\]{font-size:clamp(28px,6vw,40px)}.text-\[clamp\(32px\,6vw\,48px\)\]{font-size:clamp(32px,6vw,48px)}.\!leading-snug{--tw-leading:var(--leading-snug)!important;line-height:var(--leading-snug)!important}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#a99aa1\]{color:#a99aa1}.text-\[\#d9cbd1\]{color:#d9cbd1}.text-\[\#e3d4db\]{color:#e3d4db}.text-berry{color:var(--color-berry)}.text-berry\/35{color:#71334859}@supports (color:color-mix(in lab, red, red)){.text-berry\/35{color:color-mix(in oklab, var(--color-berry) 35%, transparent)}}.text-danger{color:var(--color-danger)}.text-ink{color:var(--color-ink)}.text-ink2{color:var(--color-ink2)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-berry{accent-color:var(--color-berry)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--color-berry\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-berry));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-6px_10px_rgba\(0\,0\,0\,\.15\)\]{--tw-shadow:inset 0 -6px 10px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/elevation{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-filter{-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-ink2\/60::placeholder{color:#5b4b5299}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-ink2\/60::placeholder{color:color-mix(in oklab, var(--color-ink2) 60%, transparent)}}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:bg-berry:hover{background-color:var(--color-berry)}.hover\:bg-berry-d:hover{background-color:var(--color-berry-d)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:text-berry:hover{color:var(--color-berry)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-white:hover{color:var(--color-white)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-berry:focus-visible{outline-color:var(--color-berry)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-berry:has(:focus-visible){outline-color:var(--color-berry)}@media (prefers-reduced-motion:reduce){.motion-reduce\:\!transition-none{transition-property:none!important}}@media (width>=480px){.min-\[480px\]\:p-5{padding:calc(var(--spacing) * 5)}}@media (width>=560px){.min-\[560px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=700px){.min-\[700px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=820px){.nav\:col-span-2{grid-column:span 2/span 2}.nav\:flex{display:flex}.nav\:hidden{display:none}.nav\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nav\:grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.nav\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}}@media (width>=900px){.min-\[900px\]\:sticky{position:sticky}.min-\[900px\]\:top-\[108px\]{top:108px}.min-\[900px\]\:order-1{order:1}.min-\[900px\]\:order-2{order:2}.min-\[900px\]\:hidden{display:none}.min-\[900px\]\:cursor-default{cursor:default}.min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_400px\]{grid-template-columns:minmax(0,1fr) 400px}.min-\[900px\]\:items-start{align-items:flex-start}.min-\[900px\]\:gap-12{gap:calc(var(--spacing) * 12)}.min-\[900px\]\:gap-14{gap:calc(var(--spacing) * 14)}}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-6{grid-column:span 6/span 6}.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\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:justify-self-start{justify-self:flex-start}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-4{grid-column:span 4/span 4}.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))}}.\[\&_h2\]\:mt-4 h2{margin-top:calc(var(--spacing) * 4)}.\[\&_h2\]\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[\&_h2\]\:font-bold h2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_h2\]\:text-ink h2{color:var(--color-ink)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:pl-6 ul{padding-left:calc(var(--spacing) * 6)}}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-700.ttf)format("truetype");font-style:normal;font-weight:700 900;font-display:swap}:root{--font-display:"Bodoni Moda", Georgia, serif;scrollbar-color:#b9a0aa #f5f1e8;scroll-padding-top:104px}::selection{color:#351d29;background:#e5c9d4}input,textarea{caret-color:var(--color-berry)}button,summary,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex-shrink:0}.page-width{width:min(1200px,100% - 96px);margin-inline:auto}.section-space{margin-top:104px}.brand{text-decoration:none}.brand-mark{object-fit:contain;flex-shrink:0;width:40px;height:48px}.site-footer .brand-mark{background:#f5f1e8;border-radius:8px;padding:4px}.brand-name{font:400 36px/1 var(--font-display);letter-spacing:-.035em;display:block}.brand-name>span{font:500 11px/1.5 var(--font-sans);letter-spacing:.12em;text-align:right;margin-right:1px;display:block}.nav-link{transition:color .18s;position:relative}.nav-link[aria-current=page]{color:var(--color-berry)}.nav-link[aria-current=page]:after{content:"";bottom:3px;background:currentColor;height:1px;position:absolute;inset-inline:12px}.skip-link{z-index:100;background:var(--color-berry);color:#fff;padding:12px 20px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:8px}.button-primary{background:var(--color-berry);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:32px;min-height:52px;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.button-primary:hover{background:var(--color-berry-d)}.button-primary svg,.text-link svg{transition:transform .2s}.button-primary:hover svg,.text-link:hover svg:last-child{transform:translate(3px)}.text-link{min-height:44px;color:var(--color-berry);text-underline-offset:5px;align-items:center;gap:12px;font-size:14px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding-block:48px 52px;display:grid}.hero-copy{padding-block:16px;position:relative}.hero h1{font:400 clamp(44px, 4.5vw, 68px)/1.08 var(--font-display);letter-spacing:-.035em}.hero h1 .hero-accent{color:var(--color-berry)}.hero-description{max-width:390px;color:var(--color-ink2);margin-top:24px;font-size:15px;line-height:1.8}.need-picker{max-width:410px;margin-top:28px}.need-options{border-bottom:1px solid var(--color-line);gap:26px;display:flex}.need-options button{min-height:44px;color:var(--color-ink2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 12px;font-size:13px;transition:color .2s,border-color .2s}.need-options button[aria-pressed=true]{border-color:var(--color-berry);color:var(--color-berry);font-weight:600}.need-description{min-height:55px;color:var(--color-ink2);padding-top:16px;font-size:13px}.price-note{color:var(--color-ink2);margin-top:11px;font-size:11px;display:block}.hero-store{gap:9px;margin-top:20px;font-size:12px;font-weight:500}.hero-store svg{width:16px;height:16px}.hero-photo{flex-direction:column;align-self:stretch;min-width:0;margin:0;display:flex}.hero-photo img{object-fit:contain;background:var(--color-surface);width:100%;height:auto}.hero-photo figcaption{color:var(--color-ink2);justify-content:space-between;gap:12px;padding-top:12px;font-size:10px;line-height:1.5;display:flex}.service-strip{border-block:1px solid var(--color-line);background:#efe8df}.service-strip ul{grid-template-columns:repeat(4,1fr);gap:30px;padding-block:25px;list-style:none;display:grid}.service-strip li{align-items:flex-start;gap:12px;display:flex}.service-strip svg{color:var(--color-berry);margin-top:1px}.service-strip strong{font-size:12px;font-weight:600;display:block}.service-strip p{color:var(--color-ink2);margin-top:5px;font-size:11px;line-height:1.7}.home-page h2{font:400 clamp(30px, 3.2vw, 44px)/1.16 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.section-heading>p{max-width:340px;color:var(--color-ink2);font-size:14px;line-height:1.8}.package-grid{grid-template-columns:1fr 1fr;display:grid}.package-grid article{flex-direction:column;padding:40px;display:flex}.package-restock{background:#eee1e3}.package-starter{background:#eee8df}.package-grid h3{font:400 34px/1.2 var(--font-display);letter-spacing:-.025em}.package-grid article>p{max-width:420px;color:var(--color-ink2);margin-top:16px;font-size:14px;line-height:1.85}.package-grid dl{border-top:1px solid #d5c1c8;flex-wrap:wrap;gap:24px 48px;margin-top:28px;padding-top:22px;display:flex}.package-grid dt{color:var(--color-ink2);font-size:11px}.package-grid dd{margin-top:6px;font-size:14px;font-weight:600}.package-grid .text-link{justify-content:space-between;margin-top:26px}.section-note{color:var(--color-ink2);align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.section-note a{min-height:44px;color:var(--color-berry);align-items:center;gap:8px;font-weight:600;display:inline-flex}.section-note svg{width:16px}.brand-section{margin-top:72px}.brand-section h2{margin-bottom:25px}.brand-row{border-top:1px solid var(--color-line);grid-template-columns:220px 1fr 44px;align-items:center;padding-block:23px;display:grid}.brand-row:last-child{border-bottom:1px solid var(--color-line)}.brand-row>strong{letter-spacing:-.03em;font-size:30px;font-weight:700}.brand-row>strong.bluesky-word{font:500 32px var(--font-display)}.brand-row p{font-size:14px}.brand-row p span{color:var(--color-ink2);margin-top:5px;font-size:12px;display:block}.brand-row a{min-width:44px;min-height:44px;color:var(--color-berry);border:1px solid var(--color-line);border-radius:50%;justify-content:center;align-items:center;display:flex}.brand-row a:hover{background:var(--color-surface)}.trust-section{background:var(--color-berry);color:#fff8fa;padding-block:64px}.trust-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;display:grid}.trust-grid>div>p{color:#edd8e0;max-width:430px;margin-top:20px;font-size:14px;line-height:1.85}.trust-links a{border-bottom:1px solid #a76480;align-items:center;gap:20px;min-height:96px;padding-block:20px;display:flex}.trust-links a:first-child{border-top:1px solid #a76480}.trust-links a>svg:first-child{width:26px;height:26px}.trust-links a>svg:last-child{margin-left:auto}.trust-links strong{font-size:15px;font-weight:500}.trust-links small{color:#edd8e0;margin-top:7px;font-size:12px;display:block}.trust-links a:hover strong{text-underline-offset:5px;text-decoration:underline}.trust-section :focus-visible{outline-color:#fff}.order-steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;display:grid}.order-steps li{border-top:1px solid var(--color-line);padding-top:24px}.step-number{width:34px;height:34px;color:var(--color-berry);border:1px solid #ccb6bf;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.order-steps h3{margin-top:20px;font-size:16px;font-weight:600}.order-steps p{color:var(--color-ink2);margin-top:10px;font-size:13px;line-height:1.85}.points-section{background:#eee4df;grid-template-columns:1.15fr 1fr;gap:80px;padding:48px;display:grid}.points-section p{max-width:400px;color:var(--color-ink2);margin-top:18px;font-size:13px;line-height:1.85}.points-section p.points-fine{margin-top:12px;font-size:11px}.points-tiers>div{border-bottom:1px solid #d7c6cc;justify-content:space-between;align-items:center;gap:20px;padding-block:17px;display:flex}.points-tiers>div:first-child{border-top:1px solid #d7c6cc}.points-tiers dt{font-size:15px;font-weight:600}.points-tiers small{color:var(--color-ink2);margin-top:5px;font-size:11px;font-weight:400;display:block}.points-tiers dd{font:400 34px var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-berry)}.faq-section{grid-template-columns:.8fr 1.2fr;gap:88px;display:grid}.faq-section>div>p{color:var(--color-ink2);margin-top:20px;font-size:13px}.faq-list details{border-top:1px solid var(--color-line)}.faq-list details:last-of-type{border-bottom:1px solid var(--color-line)}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding-block:16px;font-size:13px;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:17px;height:17px;color:var(--color-berry);transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{color:var(--color-ink2);padding:0 32px 24px 0;font-size:13px;line-height:1.85}.policy-link{margin-top:16px;font-size:12px}.closing-section{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:32px;padding-top:48px;display:flex}.footer-link{align-items:center;gap:10px;min-height:44px;display:flex}.footer-link:hover{text-underline-offset:5px;text-decoration:underline}.footer-link svg{width:14px;height:14px}.footer-bottom{border-top:1px solid #664653;margin-top:36px;padding-top:24px;font-size:11px}.site-footer :focus-visible{outline-color:#f7dde7}.site-footer .brand{width:fit-content}.shop-page{padding-top:48px;padding-bottom:32px}.shop-page>h1,.login-page h1{font:400 clamp(36px, 5vw, 52px)/1.12 var(--font-display);letter-spacing:-.025em}.shop-page>h1+p{max-width:56ch;font-size:14px;line-height:1.85}.shop-page form[role=search]{background:var(--color-surface);border-radius:4px;padding:24px}.shop-page ul[aria-label=Daftar\ barang]>li{border-radius:4px;padding:16px}.shop-page input,.shop-page select{border-radius:4px}.login-page{border:1px solid var(--color-line);background:var(--color-putih);border-radius:4px;margin-top:56px;margin-bottom:40px;padding:40px}.login-page>p{font-size:14px;line-height:1.8}.login-help{border-top:1px solid var(--color-line);color:var(--color-ink2);margin-top:24px;padding-top:20px;font-size:12px;line-height:1.8}.login-help a{min-height:44px;color:var(--color-berry);text-underline-offset:4px;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.party-collection{border-block:1px solid var(--color-line);grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-block:40px;display:grid}.party-collection-copy>p{max-width:400px;color:var(--color-ink2);margin-top:20px;font-size:14px;line-height:1.85}.palette-options{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.palette-options button{border:1px solid var(--color-line);min-height:44px;color:var(--color-ink2);border-radius:4px;padding:10px 14px;font-size:12px}.palette-options button[aria-pressed=true]{background:var(--color-berry);color:#fff;border-color:var(--color-berry)}.palette-options button:hover{border-color:var(--color-berry)}.party-collection-copy>p.party-availability{font-size:12px}.party-collection-copy>.text-link{margin-top:12px}.palette-figure{min-width:0}.palette-figure img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;height:auto}.palette-figure>a{display:block}.palette-figure figcaption{color:var(--color-ink2);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.palette-figure figcaption a{min-height:44px;color:var(--color-berry);text-underline-offset:4px;white-space:nowrap;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.palette-figure figcaption svg{width:14px;height:14px}@media (width>=1600px){.hero{gap:80px}}@media (width<=1050px){.page-width{width:calc(100% - 56px)}.hero{gap:32px}.hero h1{font-size:clamp(40px,5vw,54px)}.hero-photo img{height:auto}.service-strip ul{grid-template-columns:1fr 1fr;gap:20px}.trust-grid,.points-section{gap:40px}.faq-section{gap:48px}.party-collection{gap:36px}.package-grid article{padding:30px}.nav-link{padding-inline:9px;font-size:12px}}@media (width<=819px){.page-width{width:calc(100% - 40px)}.section-space{margin-top:64px}header>.page-width{height:76px}.brand-name{font-size:31px}.hero{grid-template-columns:1fr;gap:28px;padding-block:24px 32px}.hero-copy{padding-block:8px 0}.hero h1{font-size:clamp(41px,8.2vw,62px);line-height:1.1}.desktop-break{display:none}.hero-description{max-width:420px;margin-top:20px;font-size:14px}.need-picker{max-width:100%;margin-top:20px}.need-description{min-height:52px}.hero-store{margin-top:14px}.hero-photo img{height:auto}.hero-photo figcaption{gap:8px;font-size:9px}.service-strip ul{gap:24px 18px;padding-block:24px}.service-strip li{gap:9px}.service-strip svg{width:18px;height:18px}.service-strip strong{font-size:11px}.service-strip p{font-size:10px}.home-page h2{font-size:34px}.section-heading{margin-bottom:24px;display:block}.section-heading>p{margin-top:16px;font-size:13px}.package-grid{grid-template-columns:1fr;gap:16px}.package-grid article{padding:28px}.package-grid h3{font-size:30px}.package-grid article>p{font-size:13px}.section-note{line-height:1.8;display:block}.section-note a{width:fit-content;display:flex}.brand-section{margin-top:48px}.brand-row{grid-template-columns:100px 1fr 44px;gap:12px}.brand-row>strong{font-size:24px}.brand-row>strong.bluesky-word{font-size:26px}.brand-row p{font-size:12px}.brand-row p span{font-size:10px}.trust-section{padding-block:40px}.trust-grid{grid-template-columns:1fr;gap:28px}.trust-grid>div>p{font-size:13px}.trust-links a{min-height:88px}.trust-links strong{font-size:14px}.order-steps{grid-template-columns:1fr;gap:24px}.order-steps li{grid-template-columns:34px 1fr;gap:0 18px;padding-top:24px;display:grid}.order-steps h3{margin-top:5px}.order-steps p{grid-column:2;margin-top:6px}.points-section{grid-template-columns:1fr;gap:24px;padding:28px}.faq-section{grid-template-columns:1fr;gap:24px}.faq-section h2{max-width:300px}.faq-section>div>p{margin-top:16px}.closing-section{padding-top:32px;display:block}.closing-section .button-primary{margin-top:24px}.party-collection{grid-template-columns:1fr;gap:24px;padding-block:32px}.party-collection-copy>p{font-size:13px}.palette-options{margin-top:20px}.palette-figure figcaption{align-items:flex-start;font-size:10px}.site-footer{margin-top:56px}.shop-page{padding-top:32px}.shop-page form[role=search]{padding:18px}.login-page{width:calc(100% - 40px);margin-top:28px;padding:28px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--berry-soft:#f1e1e6;--ok:#2f6b4f;--ok-soft:#e3efe8;--danger:#a3262f;--danger-soft:#f8e4e4}.btn{text-align:center;min-height:48px;transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .15s var(--ease-out), box-shadow .2s ease;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.975)}.btn-primary{background:var(--color-berry);color:#fff}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-berry-d);box-shadow:0 6px 18px -8px #5c15358c}.btn-secondary{background:var(--color-putih);color:var(--color-ink);border-color:#d6c7cd}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-berry)}.btn-quiet{color:var(--color-berry);background:0 0;padding-inline:12px}.btn-quiet:hover:not(:disabled){background:var(--berry-soft)}.btn-block{width:100%}.btn-lg{min-height:54px;padding-inline:28px;font-size:15px}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed}.btn-primary:disabled,.btn-primary[aria-disabled=true]{color:#7d6a72;background:#d9ccd1}.btn-secondary:disabled{opacity:.55}.btn[data-busy=true]{pointer-events:none}.btn[data-busy=true]:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.btn svg{transition:transform .2s var(--ease-out)}.btn:hover:not(:disabled) svg:last-child:not(:first-child){transform:translate(3px)}.field{color:var(--color-ink);gap:6px;font-size:13px;font-weight:600;display:grid}.field>small{color:var(--color-ink2);font-size:12px;font-weight:400}.input{background:var(--color-putih);width:100%;min-height:50px;color:var(--color-ink);font:400 16px/1.4 var(--font-sans);border:1px solid #d6c7cd;border-radius:8px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background-color .18s}textarea.input{resize:vertical;padding-block:12px}.input::placeholder{color:#9a8a92}.input:hover{border-color:#b9a0aa}.input:focus-visible{border-color:var(--color-berry);outline:none;box-shadow:0 0 0 4px #71334824}.input:user-invalid{border-color:var(--danger);background:snow}.input:user-invalid:focus-visible{box-shadow:0 0 0 4px #a3262f24}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.notice{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);animation:rise-in .3s var(--ease-out) both;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.notice>svg{color:var(--color-berry);margin-top:2px}.notice-error{background:var(--danger-soft);color:#6b1a20;border-color:#e7bcbc}.notice-error>svg{color:var(--danger)}.notice-ok{background:var(--ok-soft);color:#1f4a35;border-color:#bcd6c6}.notice-ok>svg{color:var(--ok)}.flow-page{padding-block:32px 0}.flow-head{max-width:62ch}.flow-head h1{font:400 clamp(34px, 4.6vw, 52px)/1.1 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.flow-head>p{color:var(--color-ink2);margin-top:14px;font-size:14px;line-height:1.8}.flow-body{padding-bottom:8px}.back-link{min-height:44px;color:var(--color-ink2);align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:600;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--color-berry)}.back-link svg{width:16px;height:16px;transition:transform .2s var(--ease-out);transform:rotate(180deg)}.back-link:hover svg{transform:rotate(180deg)translate(3px)}.panel{background:var(--color-putih);border:1px solid var(--color-line);border-radius:12px}.panel-pad{padding:20px 22px}.section-title{font:400 28px/1.2 var(--font-display);letter-spacing:-.02em}.section-sub{color:var(--color-ink2);margin-top:6px;font-size:13px}.steps{align-items:flex-start;margin:0 0 28px;padding:0;list-style:none;display:flex}.steps li{min-width:0;color:var(--color-ink2);flex-direction:column;flex:1 1 0;align-items:flex-start;gap:8px;font-size:12px;font-weight:500;display:flex;position:relative}.steps li:last-child{flex:none}.steps li:not(:last-child):after{content:"";background:linear-gradient(var(--color-berry), var(--color-berry)) left / 0% 100% no-repeat, var(--color-line);height:2px;transition:background-size .6s var(--ease-out);border-radius:2px;position:absolute;top:15px;left:42px;right:10px}.steps li[data-state=done]:not(:last-child):after{background-size:100% 100%,100% 100%}.steps .dot{background:var(--color-bg);width:32px;height:32px;color:var(--color-ink2);border:1.5px solid #cdbac2;border-radius:50%;place-items:center;font-size:12px;font-weight:700;transition:background-color .3s,border-color .3s,color .3s;display:grid}.steps li[data-state=current] .dot{border-color:var(--color-berry);background:var(--color-berry);color:#fff;animation:2.4s ease-out .5s 2 ring-pulse;box-shadow:0 0 0 5px #71334821}.steps li[data-state=done] .dot{border-color:var(--color-berry);color:var(--color-berry);background:var(--berry-soft)}.steps li[data-state=current] .label{color:var(--color-ink);font-weight:700}.steps li[data-state=done] .label{color:var(--color-ink)}.steps .dot svg{stroke-width:2.4px;width:16px;height:16px}.steps .dot svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:draw .45s var(--ease-out) .1s forwards}.flow-bar{z-index:20;background:var(--color-stage);color:#fff;padding-bottom:env(safe-area-inset-bottom);margin-top:40px;position:sticky;bottom:0;box-shadow:0 -10px 30px -18px #351d2999}.flow-bar:before{content:"";background:linear-gradient(90deg, #d98fa9, #f4c5d5) left / var(--p,0%) 100% no-repeat, #ffffff1f;height:3px;transition:background-size .5s var(--ease-out);position:absolute;inset:0 0 auto}.flow-bar[data-ready=true]:before{background:linear-gradient(90deg,#8fd0ae,#c4ecd6) 0/100% 100% no-repeat}.flow-bar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding-block:12px;display:flex}.flow-bar small{color:#d3c0c9;font-size:12px;font-weight:500;display:block}.flow-bar .total{font:600 28px/1.15 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:block}.flow-bar .btn{white-space:nowrap;flex-shrink:0}.flow-bar .btn-primary{background:#9b4a68;min-height:52px;padding-inline:26px;font-size:15px}.flow-bar .btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:#b05a79}.flow-bar .btn-primary[aria-disabled=true]{color:#bba9b1;background:#4a3540}.flow-bar :focus-visible{outline-color:#fff}.flow-bar .bar-error{color:#f4bcd3;margin-top:2px;font-size:12px;display:block}#konten:has(.flow-bar)~.site-footer{margin-top:0}.tick{animation:tick-in .32s var(--ease-out) both;display:inline-block}.skeleton{background:#ebe0e0;border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.qty{border:1px solid var(--color-line);background:var(--color-bg);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.qty button{width:44px;height:44px;color:var(--color-ink);transition:background-color .15s ease, transform .15s var(--ease-out), color .15s ease;background:0 0;border-radius:8px;place-items:center;font-size:20px;font-weight:500;display:grid}.qty button:hover:not(:disabled){background:var(--berry-soft);color:var(--color-berry)}.qty button:active:not(:disabled){transform:scale(.88)}.qty button:disabled{opacity:.35}.qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-weight:700}.swatch{border:1px solid var(--color-line);background:var(--color-putih);transition:border-color .2s ease, box-shadow .2s ease, transform .2s var(--ease-out);border-radius:12px;flex-direction:column;align-items:center;display:flex;position:relative}.swatch:hover{border-color:#c9aebb;transform:translateY(-2px)}.swatch[data-on=true]{border-color:var(--color-berry);box-shadow:0 0 0 1px var(--color-berry), 0 10px 22px -14px #71334899}.swatch-add{border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:96px;padding:14px 6px 8px;display:flex}.swatch .nail{transition:transform .25s var(--ease-spring)}.swatch:hover .nail{transform:translateY(-2px)rotate(-4deg)}.swatch-add:active .nail{transform:scale(.88)translateY(2px)}.swatch-plus{background:var(--color-surface);width:22px;height:22px;color:var(--color-ink2);opacity:0;transition:opacity .18s ease, transform .2s var(--ease-spring);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.7)}.swatch-plus svg{stroke-width:2.4px;width:12px;height:12px}.swatch:hover .swatch-plus,.swatch:focus-within .swatch-plus{opacity:1;transform:scale(1)}.swatch[data-on=true] .swatch-plus{display:none}@media (hover:none){.swatch:not([data-on=true]) .swatch-plus{opacity:1;transform:scale(1)}}.swatch-count{background:var(--color-berry);border:2px solid var(--color-bg);color:#fff;font-variant-numeric:tabular-nums;border-radius:13px;place-items:center;min-width:26px;height:26px;padding-inline:7px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-9px;right:-7px}.swatch-minus{background:var(--color-surface);width:calc(100% - 12px);min-height:40px;color:var(--color-ink);transition:background-color .15s ease, transform .15s var(--ease-out);animation:rise-in .25s var(--ease-out) both;border-radius:8px;margin:0 6px 6px;font-size:24px;font-weight:600;line-height:1}.swatch-minus:hover{background:var(--berry-soft);color:var(--color-berry)}.swatch-minus:active{transform:scale(.94)}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:0;padding:10px 0 0;list-style:none;display:grid}.tiers{border-collapse:separate;border-spacing:0;border:1px solid var(--color-line);background:var(--color-putih);border-radius:12px;width:100%;overflow:hidden}.tiers tr{background:linear-gradient(var(--color-berry), var(--color-berry)) no-repeat left bottom / var(--w,0%) 3px;transition:background-size .5s var(--ease-out), background-color .3s ease, color .3s ease}.tiers th,.tiers td{border-bottom:1px solid var(--color-line);padding:12px 18px;font-size:13px}.tiers tr:last-child th,.tiers tr:last-child td{border-bottom:0}.tiers th{text-align:left;font-weight:500}.tiers td{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.tiers tr[data-aktif=true]{background-color:var(--berry-soft);color:var(--color-berry)}.tiers tr[data-aktif=true] th{font-weight:700}.tiers .now{background:var(--color-berry);color:#fff;animation:pop .3s var(--ease-spring) both;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.restock-card{grid-template-columns:72px 1fr;align-items:center;gap:18px;padding:20px;display:grid}.restock-count{font:600 46px/1 var(--font-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.restock-count small{letter-spacing:0;color:var(--color-ink2);margin-left:6px;font-size:15px;font-weight:600}.restock-price{font:600 22px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--color-berry);font-variant-numeric:tabular-nums;margin-top:8px}.restock-hint{min-height:1.6em;color:var(--color-ink2);margin-top:6px;font-size:13px;font-weight:600}.restock-save{background:var(--ok-soft);color:var(--ok);animation:pop .35s var(--ease-spring) both;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.dialog{background:var(--color-putih);width:min(440px,100% - 32px);color:var(--color-ink);border:0;border-radius:14px;padding:28px;box-shadow:0 30px 80px -20px #351d298c}.dialog[open]{animation:dialog-in .28s var(--ease-out) both}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#351d2980;animation:.25s both fade-in}.dialog h2{font:400 26px/1.2 var(--font-display);letter-spacing:-.02em}.dialog p{color:var(--color-ink2);margin-top:12px;font-size:14px;line-height:1.7}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.check-badge{background:var(--ok-soft);width:56px;height:56px;color:var(--ok);animation:pop .5s var(--ease-spring) both;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.check-badge svg{stroke-width:2.2px;width:28px;height:28px}.check-badge svg path{stroke-dasharray:26;stroke-dashoffset:26px;animation:draw .5s var(--ease-out) .25s forwards}.check-badge[data-tone=stop]{background:var(--danger-soft);color:var(--danger)}.check-badge[data-tone=ship]{background:var(--berry-soft);color:var(--color-berry)}.copy-list>div{border-top:1px solid var(--color-line);padding-block:12px}.copy-list>div:first-child{border-top:0}.copy-list dt{color:var(--color-ink2);font-size:12px}.copy-list dd{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;font-size:16px;font-weight:600;display:flex}.copy-btn{background:var(--color-putih);min-width:96px;min-height:44px;color:var(--color-berry);transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s var(--ease-out);border:1px solid #d6c7cd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.copy-btn:hover{background:var(--berry-soft);border-color:var(--color-berry)}.copy-btn:active{transform:scale(.95)}.copy-btn[data-copied=true]{background:var(--ok-soft);color:var(--ok);border-color:#bcd6c6}.copy-btn svg{width:14px;height:14px}.transfer-amount{font:600 clamp(34px, 6vw, 44px)/1.1 var(--font-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--color-berry)}.summary-toggle small{color:var(--color-ink2);margin-top:2px;font-size:12px;font-weight:400;display:block}.summary-toggle{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:0 20px;font-weight:600;display:flex}.summary-toggle svg{transition:transform .25s var(--ease-out)}.summary-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.summary-body{transition:grid-template-rows .3s var(--ease-out);grid-template-rows:1fr;display:grid}.summary-body[data-open=false]{grid-template-rows:0fr}.summary-body>div{min-height:0;overflow:hidden}.line-items{gap:10px;padding:0;font-size:14px;list-style:none;display:grid}.line-items li{justify-content:space-between;gap:16px;display:flex}.line-items li>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.form-group{border:0;gap:14px;margin:0;padding:0;display:grid}.form-group>legend,.form-group>h2{font:400 24px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:4px}.paket{background:var(--color-putih);border:1px solid var(--color-line);transition:border-color .25s ease, box-shadow .3s ease, transform .3s var(--ease-out);border-radius:12px;flex-direction:column;padding:28px;display:flex}.paket:hover{border-color:#c9aebb;transform:translateY(-3px);box-shadow:0 22px 40px -28px #5c153573}.paket h2{font:400 30px/1.15 var(--font-display);letter-spacing:-.025em}.paket h2 small{font:500 12px/1.4 var(--font-sans);letter-spacing:0;color:var(--color-ink2);margin-top:6px;display:block}.paket-isi{border-top:1px solid var(--color-line);color:var(--color-ink2);gap:10px;margin:18px 0 0;padding:18px 0 0;font-size:13px;line-height:1.65;list-style:none;display:grid}.paket-isi strong{color:var(--color-ink);font-weight:600}.paket-harga{margin-top:auto;padding-top:24px}.paket-harga .normal{color:var(--color-ink2);font-size:13px}.paket-harga .now{font:600 28px/1.1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.badge-hemat{background:var(--berry-soft);color:var(--color-berry);border-radius:999px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.cat-card{background:var(--color-putih);border:1px solid var(--color-line);transition:border-color .25s ease, transform .3s var(--ease-out), box-shadow .3s ease;border-radius:12px;flex-direction:column;padding:12px;display:flex}.cat-card:hover{border-color:#c9aebb;transform:translateY(-3px);box-shadow:0 18px 34px -26px #5c153580}.cat-card h2{margin-top:12px;font-size:14px;font-weight:600;line-height:1.4}.cat-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{background:var(--color-surface);color:var(--color-ink2);border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.chip{background:var(--color-putih);min-height:44px;color:var(--color-ink);transition:background-color .18s ease, color .18s ease, border-color .18s ease, transform .15s var(--ease-out);border:1px solid #d6c7cd;border-radius:999px;padding:0 16px;font-size:13px;font-weight:600}.chip:hover{background:var(--color-surface);border-color:var(--color-berry)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.fade-swap{animation:.35s both fade-in}.catalog-tools{background:var(--color-surface);border-radius:12px;gap:16px;padding:22px;display:grid}.shop-cta{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.shop-cta a{border:1px solid var(--color-line);background:var(--color-putih);min-height:76px;transition:border-color .2s ease, background-color .2s ease, transform .2s var(--ease-out);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.shop-cta a:hover{border-color:var(--color-berry);background:#fffafb;transform:translateY(-2px)}.shop-cta strong{font-size:15px;display:block}.shop-cta span{color:var(--color-ink2);margin-top:3px;font-size:12px;display:block}.shop-cta svg{color:var(--color-berry)}.otp-input{text-align:center;font:600 28px/1 var(--font-sans);letter-spacing:.5em;text-indent:.5em;font-variant-numeric:tabular-nums;min-height:62px}.divider{color:var(--color-ink2);align-items:center;gap:14px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-line);flex:1;height:1px}.auth-step{animation:.3s both fade-in}.login-page{border-radius:12px}.login-page h1{font-size:clamp(34px,5vw,46px)}.site-header{transition:box-shadow .25s}.site-header[data-scrolled=true]{box-shadow:0 10px 28px -22px #351d298c}#menu-hp:not([hidden]){animation:menu-in .28s var(--ease-out) both;transform-origin:top}#menu-hp a{border-radius:8px;transition:background-color .15s,color .15s}#menu-hp a[aria-current=page]{color:var(--color-berry);background:var(--berry-soft)}.route-enter{animation:.28s ease-out backwards page-in}.hero h1{padding-bottom:.08em;overflow:clip}.hero-line{animation:line-up .8s var(--ease-out) backwards;display:block}.hero-line:nth-of-type(2){animation-delay:.1s}.hero-rise{animation:rise-in .7s var(--ease-out) .3s backwards}.hero-rise-2{animation:rise-in .7s var(--ease-out) .42s backwards}.hero-photo img{animation:photo-in 1.1s var(--ease-out) .1s backwards}.faq-list details{interpolate-size:allow-keywords}.faq-list details::details-content{block-size:0;transition:block-size .3s var(--ease-out), content-visibility .3s allow-discrete;overflow:hidden}.faq-list details[open]::details-content{block-size:auto}.faq-list summary{transition:color .18s}.faq-list summary:hover{color:var(--color-berry)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes page-in{0%{opacity:0}}@keyframes line-up{0%{opacity:0;transform:translateY(105%)}}@keyframes photo-in{0%{opacity:0;clip-path:inset(0 0 12%);transform:scale(1.04)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes tick-in{0%{opacity:0;transform:translateY(40%)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ring-pulse{0%{box-shadow:0 0 #71334859}to{box-shadow:0 0 0 12px #71334800}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}}@media (width<=819px){.flow-page{padding-block:20px 0}.flow-bar-inner{gap:12px;min-height:72px}.flow-bar .total{font-size:22px}.flow-bar .btn-primary{padding-inline:18px;font-size:14px}.field-row{grid-template-columns:1fr}.section-title{font-size:24px}.paket{padding:22px}.shop-cta{grid-template-columns:1fr}.restock-count{font-size:38px}.restock-card{grid-template-columns:56px 1fr;gap:14px;padding:16px}}@media (width<=359px){.steps li:not([data-state=current]) .label{display:none}.steps li[data-state=current]{flex:3 1 0}}@media (prefers-reduced-motion:reduce){.route-enter,.hero-line,.hero-rise,.hero-rise-2,.hero-photo img,.tick,.swatch-count,.notice,.auth-step,.dialog[open],.dialog::backdrop,#menu-hp:not([hidden]),.check-badge,.check-badge svg path,.steps .dot svg path,.steps li[data-state=current] .dot,.swatch-minus,.restock-save,.tiers .now{animation:none!important}.check-badge svg path,.steps .dot svg path{stroke-dashoffset:0}.btn:active,.qty button:active,.copy-btn:active,.chip:active,.swatch:hover,.paket:hover,.cat-card:hover,.shop-cta a:hover,.swatch:hover .nail{transform:none!important}.summary-body,.tiers tr,.steps li:after{transition:none!important}.faq-list details::details-content{transition:none!important}}