@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:#ff8b1a;--color-amber-400:#fcbb00;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-be-vietnam-pro), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-amber-400:lab(80.1641% 16.6016 99.2089)}}}@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,ui-sans-serif, system-ui, 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{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}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-20{top:calc(var(--spacing) * 20)}.-right-8{right:calc(var(--spacing) * -8)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-1\/2{left:50%}.left-10{left:calc(var(--spacing) * 10)}.z-10{z-index:10}.z-\[60\]{z-index:60}.float-left{float:left}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-32{height:calc(var(--spacing) * 32)}.h-72{height:calc(var(--spacing) * 72)}.h-96{height:calc(var(--spacing) * 96)}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-full{min-height:100%}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.w-32{width:calc(var(--spacing) * 32)}.w-72{width:calc(var(--spacing) * 72)}.w-96{width:calc(var(--spacing) * 96)}.w-\[600px\]{width:600px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.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-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:#e8e5ef}.border-primary,.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--primary) 30%, transparent)}}.border-primary\/50{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/60{border-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-card{background-color:#fff}.bg-card\/80{background-color:#fffc;background-color:lab(100% -.0000298023 .0000119209/.8)}.bg-muted{background-color:#f7f5ff}.bg-muted\/40{background-color:#f7f5ff66;background-color:lab(96.9082% 2.02066 -4.56753/.4)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#a99057\]{--tw-gradient-from:#a99057;--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))}.from-\[\#dfbd6e\]{--tw-gradient-from:#dfbd6e;--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))}.from-\[\#e8c778\]{--tw-gradient-from:#e8c778;--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))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--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))}.from-background{--tw-gradient-from:var(--background);--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))}.from-primary\/0{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/0{--tw-gradient-from:color-mix(in oklab, var(--primary) 0%, transparent)}}.from-primary\/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))}.to-\[\#a99057\]{--tw-gradient-to:#a99057;--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-\[\#dfbd6e\]{--tw-gradient-to:#dfbd6e;--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-\[\#e8c778\]{--tw-gradient-to:#e8c778;--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-muted{--tw-gradient-to:#f7f5ff;--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-orange-400{--tw-gradient-to:var(--color-orange-400);--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))}.p-1{padding:calc(var(--spacing) * 1)}.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-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:calc(var(--spacing) * 1)}.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-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.08em\]{--tw-tracking:-.08em;letter-spacing:-.08em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:#667085}.text-primary{color:var(--primary)}.text-primary-foreground{color:#fff}.text-white{color:var(--color-white)}.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,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-10{opacity:.1}.opacity-\[0\.02\]{opacity:.02}.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_12px_36px_rgba\(9\,8\,4\,\.46\)\]{--tw-shadow:0 12px 36px var(--tw-shadow-color,#09080475);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_0_0_8px_\#140f09\]{--tw-shadow:inset 0 0 0 8px var(--tw-shadow-color,#140f09);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--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)}.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,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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(var(--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,)}.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-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-\[background-color\,color\,border-color\,opacity\,transform\]{transition-property:background-color,color,border-color,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:from-primary\/10:is(:where(.group):hover *){--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:from-primary\/10:is(:where(.group):hover *){--tw-gradient-from:color-mix(in oklab, var(--primary) 10%, transparent)}}.group-hover\:from-primary\/10:is(:where(.group):hover *){--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))}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.group-hover\/link\:translate-x-1:is(:where(.group\/link):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1\.5:hover{--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-border:hover{border-color:#e8e5ef}.hover\:border-primary:hover,.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--primary) 40%, transparent)}}.hover\:bg-muted:hover{background-color:#f7f5ff}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-45:disabled{opacity:.45}@media (min-width:40rem){.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:left-auto{left:auto}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:h-7{height:calc(var(--spacing) * 7)}.md\:h-14{height:calc(var(--spacing) * 14)}.md\:min-h-56{min-height:calc(var(--spacing) * 56)}.md\:w-7{width:calc(var(--spacing) * 7)}.md\:w-14{width:calc(var(--spacing) * 14)}.md\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:items-end{align-items:flex-end}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.mini-switch span{pointer-events:none}.desktop-nav>a{font-size:13px}.account-login,.account-trigger{color:#5b21b6;background:#fff;border:1px solid #ddd4e7;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 11px;font-size:12px;font-weight:750;display:flex}.account-trigger span{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.account-menu{position:relative}.account-popover{z-index:55;background:#fff;border:1px solid #ded6e7;border-radius:12px;width:230px;padding:12px;position:absolute;top:48px;right:0;box-shadow:0 18px 45px #2d1e4126}.account-popover strong,.account-popover>span{display:block}.account-popover strong{font-size:12px}.account-popover>span{color:#7d7288;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.account-popover a,.account-popover button{color:#5b21b6;text-align:left;background:#f8f5fc;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:8px;padding:0 9px;font-size:11px;font-weight:750;display:flex}.account-loading{background:#eee9f4;border-radius:10px;width:96px;height:38px;animation:1s ease-in-out infinite alternate account-pulse}@keyframes account-pulse{to{opacity:.45}}.mobile-nav button{color:#5b21b6;background:#fff;border:0;align-items:center;gap:7px;width:100%;min-height:44px;padding:0;font-weight:750;display:flex}.auth-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f172a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-dialog{background:#fff;border:1px solid #ddd4e7;border-radius:19px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 35px 100px #1e122d4d}.auth-close{color:#665b70;background:#f6f2fa;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.auth-mark{color:#6d28d9;background:#eee7f8;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.auth-dialog h2{letter-spacing:-.03em;margin:18px 0 0;font-size:24px}.auth-dialog>p{color:#746a7e;margin:7px 0 0;font-size:12px;line-height:1.55}.auth-tabs{background:#f1edf6;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;display:grid}.auth-tabs button{color:#74697f;background:0 0;border:0;border-radius:7px;min-height:40px;font-size:12px;font-weight:750}.auth-tabs button.is-active{color:#5b21b6;background:#fff;box-shadow:0 3px 9px #321e4612}.auth-dialog form{gap:13px;margin-top:17px;display:grid}.auth-dialog form label{color:#493f52;font-size:12px;font-weight:750}.auth-dialog form input{border:1px solid #dcd4e5;border-radius:10px;outline:none;width:100%;min-height:46px;margin-top:6px;padding:0 12px}.auth-dialog form input:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91a}.auth-hint{color:#166534;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.auth-error{color:#9f1239;background:#fff1f2;border-radius:8px;margin:0;padding:9px 11px;font-size:11px;line-height:1.45}.auth-submit{color:#fff;background:#6d28d9;border:1px solid #6d28d9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:13px;font-weight:800;display:flex}.auth-dialog .auth-privacy{text-align:center;color:#958a9f;font-size:9px}.cloud-filters{gap:7px;padding:0 4px 10px;display:grid}.cloud-search{color:#887c92;background:#fff;border:1px solid #ddd4e6;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 8px;display:flex}.cloud-search input{border:0;outline:0;width:100%;min-width:0;font-size:11px}.cloud-filters>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.cloud-filters select,.cloud-sort select{color:#665b70;background:#fff;border:1px solid #ded6e6;border-radius:8px;width:100%;min-height:38px;padding:0 7px;font-size:10px}.cloud-sort{color:#84788e;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:9px;display:grid}.cloud-signin{color:#5b21b6;background:#fff;border:1px solid #cbb8e2;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 8px);min-height:40px;margin:9px 4px 0;font-size:11px;font-weight:750;display:flex}.cloud-library-state{color:#8a7f93;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:90px;font-size:10px;display:flex}.cloud-library-error{color:#9f1239;background:#fff1f2;border-radius:8px;margin:8px 3px;padding:9px;font-size:10px}.cloud-library-error p{margin:0;line-height:1.45}.cloud-library-error button{color:#9f1239;background:#fff;border:1px solid #f0bec7;border-radius:7px;min-height:34px;margin-top:7px;padding:0 9px;font-weight:750}@media (max-width:1060px){.desktop-nav{gap:10px}.desktop-nav>a:not(.nav-cta){display:none}}@media (max-width:560px){.auth-dialog{padding:22px}.auth-dialog h2{padding-right:34px;font-size:21px}.cloud-filters>div,.cloud-sort{grid-template-columns:1fr}.cloud-sort span{display:none}}.auth-close{width:44px;height:44px}.auth-tabs button{min-height:44px}.cloud-search{height:44px}.cloud-search input{min-height:42px}.cloud-filters select,.cloud-sort select,.cloud-signin,.cloud-library-error button{min-height:44px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fbfaff;--foreground:#201a2b;--primary:#6d28d9;--purple-50:#f7f3ff;--purple-100:#ede5ff;--purple-700:#5b21b6;--muted:#667085;--border:#e7e2ef;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-be-vietnam-pro), ui-sans-serif, system-ui, sans-serif;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}::selection{color:#3b117b;background:#ddd0ff}:focus-visible{outline-offset:2px;outline:3px solid #6d28d947}.skip-link{z-index:200;color:#fff;background:#21182d;border-radius:10px;padding:12px 16px;font-weight:750;text-decoration:none;transition:transform .15s;position:fixed;top:16px;left:16px;transform:translateY(-96px);box-shadow:0 12px 28px #21182d3d}.skip-link:focus{outline-offset:2px;outline:4px solid #c4a7f2;transform:translateY(0)}.site-shell{width:min(1180px,100% - 32px);margin-inline:auto}.site-header{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{color:var(--foreground);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;display:grid;box-shadow:0 7px 18px #6d28d938}.brand small{color:#7a7187;letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:600;display:block}.desktop-nav{align-items:center;gap:28px;display:flex}.desktop-nav a,.mobile-nav a{color:#5f576a;font-size:14px;font-weight:650;text-decoration:none}.nav-cta{background:var(--primary);border-radius:11px;align-items:center;min-height:42px;padding:0 18px;display:inline-flex;box-shadow:0 7px 18px #6d28d933;color:#fff!important}.menu-button{color:var(--foreground);background:0 0;border:0;display:none}.mobile-nav{border-top:1px solid var(--border);background:#fff;padding:10px 16px 16px;display:none}.mobile-nav a{align-items:center;min-height:44px;display:flex}.hero{background:#fff;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6d28d91c,#0000 66%);height:390px;position:absolute;inset:-120px -10% auto 42%}.hero-inner{grid-template-columns:1.12fr .88fr;align-items:center;gap:56px;min-height:280px;padding-block:44px 38px;display:grid}.hero-copy{position:relative}.eyebrow{color:var(--primary);align-items:center;gap:7px;margin:0 0 14px;font-size:13px;font-weight:750;display:inline-flex}.hero h1{letter-spacing:-.052em;text-wrap:balance;max-width:720px;margin:0;font-size:clamp(2.25rem,5vw,4.35rem);line-height:1.02}.hero-description{color:#655d70;max-width:620px;margin:17px 0 0;font-size:17px;line-height:1.65}.trust-row{color:#5f576a;flex-wrap:wrap;gap:16px 24px;margin-top:22px;font-size:13px;font-weight:600;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.hero-visual{place-items:center;min-height:210px;display:grid;position:relative}.hero-qr-card{background:#fff;border:1px solid #e6dff2;border-radius:24px;width:210px;padding:18px;transform:rotate(3deg);box-shadow:0 24px 70px #3e1f6324,0 3px 10px #3e1f630f}.hero-qr-pattern{aspect-ratio:1;background:repeating-conic-gradient(#6d28d9 0 25%,transparent 0 50%) 0/28px 28px;opacity:.92;border-radius:12px;-webkit-mask:linear-gradient(135deg,#fff 72%,#0000);mask:linear-gradient(135deg,#fff 72%,#0000)}.hero-float{color:#5d5469;background:#fff;border:1px solid #e7e2ef;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 10px 30px #321e501a}.hero-float.one{top:22px;left:8px}.hero-float.two{bottom:24px;right:0}.generator-section{background:linear-gradient(#fff 0,#fbfaff 150px);padding:12px 0 64px}.stepper{grid-template-columns:repeat(3,1fr);max-width:670px;margin:0 auto 18px;display:grid}.step{color:#9991a2;align-items:center;gap:9px;font-size:13px;display:flex;position:relative}.step:after{content:"";background:#ddd7e7;flex:1;height:1px;margin-right:10px}.step:last-child:after{display:none}.step span{background:#fff;border:1px solid #d9d2e4;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.step.is-active{color:var(--primary)}.step.is-active span{border-color:var(--primary);background:var(--purple-50)}.type-strip{align-items:center;gap:12px;margin-bottom:14px;display:flex}.popular-types{flex:1;grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.type-pill,.all-types-button{border:1px solid var(--border);color:#574f62;min-height:50px;transition:transform .14s var(--ease),border-color .14s ease,background .14s ease;background:#fff;border-radius:13px;font-size:13px;font-weight:700}.type-pill{justify-content:center;align-items:center;gap:7px;padding:8px;display:flex}.type-pill span{font-size:17px}.type-pill.is-selected{border-color:var(--primary);background:var(--purple-50);color:var(--primary);box-shadow:inset 0 0 0 1px #6d28d91f}.all-types-button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 14px;display:flex}.generator-card{background:#fff;border:1px solid #e3ddec;border-radius:22px;grid-template-columns:7fr 5fr;display:grid;overflow:clip;box-shadow:0 20px 60px #36225217,0 3px 12px #3622520a}.editor-pane{border-right:1px solid var(--border);padding:28px}.pane-heading{gap:13px;margin-bottom:24px;display:flex}.type-icon{background:var(--purple-50);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.pane-heading p,.preview-head p{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:800}.pane-heading h2{letter-spacing:-.025em;margin:0;font-size:22px}.pane-heading span{color:#7a7187;margin-top:3px;font-size:13px;display:block}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-label:only-child{grid-column:1/-1}.field-label:has(textarea){grid-column:1/-1}.field-label>span,.custom-grid>label{color:#403849;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field-label em{color:#dc2626;margin-left:3px;font-style:normal}.field-label input,.field-label textarea,.field-label select,.custom-grid select{color:#292231;background:#fff;border:1px solid #dcd6e4;border-radius:10px;outline:none;width:100%;min-height:46px;padding:11px 13px;transition:border-color .14s,box-shadow .14s}.field-label textarea{resize:vertical}.field-label input:focus,.field-label textarea:focus,.field-label select:focus,.custom-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6d28d91a}.field-label [aria-invalid=true]{border-color:#dc2626}.field-error{color:#dc2626;margin-top:5px;display:block}.customize-toggle{border:0;border-top:1px solid var(--border);color:#403849;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:22px;padding:0;font-size:14px;font-weight:750;display:flex}.customize-toggle span{align-items:center;gap:8px;display:flex}.customize-toggle svg{transition:transform .16s var(--ease)}.customize-toggle .rotate{transform:rotate(180deg)}.customization-panel{padding-top:2px}.palette-row{gap:9px;margin:8px 0 16px;display:flex}.palette{background:#fff;border:1px solid #ddd6e6;border-radius:9px;width:42px;height:34px;padding:3px;display:flex;overflow:hidden}.palette i{width:50%;height:100%}.palette.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px #6d28d91f}.custom-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px;display:grid}.color-input{border:1px solid #dcd6e4;border-radius:10px;display:flex;overflow:hidden}.color-input input[type=color]{background:#fff;border:0;width:44px;min-height:44px;padding:7px}.color-input input:last-child{text-transform:uppercase;border:0;outline:0;width:100%;min-width:0;padding:0 10px}.style-note{color:#6c6378;background:#f7f5fb;border-radius:11px;gap:10px;margin-top:16px;padding:12px;display:flex}.style-note svg{color:var(--primary);flex:none}.style-note p{margin:0;font-size:12px;line-height:1.45}.style-note strong,.style-note span{display:block}.style-note strong{color:#403849}.logo-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.secondary-button,.quiet-button{border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex}.secondary-button{border:1px solid var(--primary);background:var(--purple-50);color:var(--primary)}.quiet-button{border:1px solid var(--border);color:#655d70;background:#fff}.saved-templates{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.saved-templates button{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex}.saved-templates i{border-radius:4px;width:13px;height:13px}.preview-pane{background:#faf8ff;min-width:0;padding:28px;position:relative}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-head strong{font-size:15px}.history-button{border:1px solid var(--border);color:#62596d;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.history-list{z-index:4;border:1px solid var(--border);background:#fff;border-radius:12px;width:min(320px,100% - 48px);max-height:250px;padding:8px;position:absolute;top:74px;right:24px;overflow:auto;box-shadow:0 18px 45px #2d1e4124}.history-list>p{color:#756c80;margin:0;padding:15px;font-size:12px}.history-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeaf3;grid-template-columns:1fr auto;width:100%;padding:9px;display:grid}.history-list button strong{font-size:12px}.history-list button span,.history-list button small{color:#8b8295;font-size:10px}.history-list button small{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.qr-stage{aspect-ratio:1;border-radius:20px;place-items:center;width:min(300px,100%);margin:22px auto 14px;padding:30px;display:grid;box-shadow:0 12px 36px #3621511f,inset 0 0 0 1px #321e4614}.qr-stage svg{width:100%;height:auto}.qr-placeholder{text-align:center;color:#968ca1}.qr-placeholder span{color:#c8bed3;font-size:84px;line-height:1;display:block}.qr-placeholder p{max-width:170px;margin:12px auto 0;font-size:12px;line-height:1.5}.scan-note{color:#6f667a;justify-content:center;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.scan-note svg{color:#16a34a}.status-message{text-align:center;color:#5b21b6;margin:10px 0 0;font-size:12px}.download-actions{grid-template-columns:1fr auto;gap:9px;margin-top:18px;display:grid}.primary-download,.svg-download{border-radius:11px;min-height:48px;font-size:13px;font-weight:800}.primary-download{border:1px solid var(--primary);background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 8px 18px #6d28d933}.svg-download{color:#5b21b6;background:#fff;border:1px solid #cfc5dd;padding:0 15px}.privacy-note{text-align:center;color:#8b8295;margin:10px 0 0;font-size:10px}.mobile-download{display:none}.type-browser{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#201a2b8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.type-browser-panel{background:#fff;border-radius:20px;width:min(900px,100%);max-height:min(760px,88dvh);padding:24px;overflow:auto;box-shadow:0 30px 90px #1e142d40}.type-browser-head{justify-content:space-between;gap:20px;display:flex}.type-browser-head h2{margin:0;font-size:24px}.type-browser-head p{color:#756d80;margin:4px 0 0;font-size:13px}.type-browser-head>button{background:#f5f1fa;border:0;border-radius:10px;width:40px;height:40px;font-size:24px}.search-field{color:#8b8295;border:1px solid #d9d2e3;border-radius:11px;align-items:center;gap:9px;height:48px;margin:20px 0 14px;padding:0 13px;display:flex}.search-field input{border:0;outline:0;width:100%}.all-types-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.all-types-grid button{text-align:left;border:1px solid var(--border);background:#fff;border-radius:11px;grid-template-columns:auto 1fr;gap:2px 9px;padding:12px;display:grid}.all-types-grid button>span{grid-row:1/3;font-size:20px}.all-types-grid strong{font-size:13px}.all-types-grid small{color:#81788c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.empty-message{text-align:center;color:#756d80}.section-title{text-align:center;max-width:650px;margin:0 auto 42px}.section-title h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.section-title p{color:#6f6779;margin:12px 0 0;line-height:1.7}.how-grid{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.how-item{border-right:1px solid var(--border);padding:28px}.how-item:last-child{border:0}.how-number{background:var(--purple-50);width:38px;height:38px;color:var(--primary);border-radius:11px;place-items:center;font-size:13px;font-weight:850;display:grid}.how-item h3{margin:20px 0 8px;font-size:18px}.how-item p{color:#746b7e;margin:0;font-size:14px;line-height:1.65}.use-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.use-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px}.use-card span{font-size:25px}.use-card p{color:#7b7286;margin:0;font-size:12px;line-height:1.55}.faq-list{border-top:1px solid var(--border);max-width:820px;margin:auto}.faq-item{border-bottom:1px solid var(--border)}.faq-item button{text-align:left;color:#322a3c;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:66px;padding:0;font-weight:750;display:flex}.faq-answer{color:#716879;margin:0;padding:0 40px 20px 0;font-size:14px;line-height:1.7}.cta-section{background:var(--primary);color:#fff;padding:60px 0}.cta-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.cta-inner h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem)}.cta-inner p{color:#ffffffc4;margin:8px 0 0}.cta-inner a{min-height:50px;color:var(--primary);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.site-footer{color:#fff;background:#201a2b;padding:34px 0}.footer-inner{justify-content:space-between;align-items:center;gap:28px;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a{color:#c6bece;font-size:13px;text-decoration:none}.copyright{color:#978ca3;font-size:11px}@media (hover:hover){.type-pill:hover,.all-types-button:hover{border-color:#bba7da;transform:translateY(-1px)}.desktop-nav a:not(.nav-cta):hover{color:var(--primary)}.all-types-grid button:hover,.use-card:hover{background:#fdfcff;border-color:#c8b4e8}}@media (max-width:820px){.desktop-nav{display:none}.menu-button{place-items:center;width:44px;height:44px;display:grid}.mobile-nav{display:block}.hero-inner{grid-template-columns:1fr;padding-block:34px 30px}.hero-visual{display:none}.popular-types{grid-template-columns:repeat(3,1fr)}.type-strip{flex-direction:column;align-items:stretch}.generator-card{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--border)}.all-types-grid,.use-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.how-item{border-right:0;border-bottom:1px solid var(--border)}.cta-inner,.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:560px){body{padding-bottom:70px}.site-shell{width:min(100% - 24px,1180px)}.header-inner{height:60px}.brand small{display:none}.hero h1{font-size:2.35rem}.hero-description{font-size:15px}.trust-row{gap:9px 15px}.generator-section{padding-top:4px}.step strong{display:none}.stepper{max-width:260px}.popular-types{scroll-snap-type:x mandatory;padding-bottom:3px;display:flex;overflow-x:auto}.type-pill{scroll-snap-align:start;min-width:112px}.editor-pane,.preview-pane{padding:20px}.fields-grid,.custom-grid{grid-template-columns:1fr}.field-label:has(textarea){grid-column:auto}.all-types-grid{grid-template-columns:1fr}.type-browser-panel{padding:18px}.qr-stage{width:260px}.download-actions{grid-template-columns:1fr}.mobile-download{z-index:50;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;padding:10px 12px;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-download button{background:var(--primary);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-weight:800;display:flex}.content-section{padding:58px 0}.section-title{text-align:left;margin-bottom:26px}.use-grid{grid-template-columns:1fr 1fr}.use-card{padding:15px}.cta-section{padding:45px 0}.footer-links{gap:12px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.dynamic-section{background:#fff;border-block:1px solid #eee9f4;padding:76px 0 84px}.dynamic-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.dynamic-heading p{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.dynamic-heading h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.4vw,3rem)}.dynamic-heading span{color:#6f667a;margin-top:9px;line-height:1.6;display:block}.dynamic-heading-mark{width:58px;height:58px;color:var(--primary);background:#f8f4ff;border:1px solid #d9caee;border-radius:18px;flex:none;place-items:center;display:grid;box-shadow:0 10px 26px #46266e14}.dynamic-layout{background:#fff;border:1px solid #dfd8e8;border-radius:22px;grid-template-columns:230px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 65px #39255017,0 3px 10px #3925500a}.qr-library{background:#faf8fd;border-right:1px solid #e8e2ef;min-width:0;padding:20px 14px}.library-title{justify-content:space-between;align-items:center;padding:0 5px 16px;display:flex}.library-title>div{align-items:center;gap:8px;display:flex}.library-title svg{color:var(--primary)}.library-title span{color:#654b82;text-align:center;background:#eee7f8;border-radius:20px;min-width:25px;padding:3px 7px;font-size:11px;font-weight:800}.compact-label{color:#716879;padding:0 5px;font-size:11px;font-weight:700;display:block}.compact-label select{background:#fff;border:1px solid #ddd5e6;border-radius:9px;width:100%;min-height:40px;margin-top:6px;padding:0 10px}.library-list{gap:5px;margin-top:14px;display:grid}.library-item{text-align:left;color:#3f3749;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 9px;display:grid}.library-item.is-selected{background:#fff;border-color:#cdbce5;box-shadow:0 5px 15px #3c235a0f}.library-item strong,.library-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-item strong{font-size:12px}.library-item small{color:#8b8295;margin-top:3px;font-size:10px}.library-dot{background:#8b5fc7;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #eee5fa}.library-empty{text-align:center;color:#94899f;padding:30px 10px}.library-empty p{margin:8px 0;font-size:11px;line-height:1.45}.dynamic-workspace{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-width:0;display:grid}.dynamic-form{border-right:1px solid #e8e2ef;padding:28px}.form-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.form-head h3{letter-spacing:-.02em;margin:0;font-size:20px}.form-head p{color:#7b7286;margin:5px 0 0;font-size:12px}.new-qr-button{color:#5b21b6;white-space:nowrap;background:#fff;border:1px solid #ded5e9;border-radius:9px;align-items:center;gap:6px;min-height:40px;padding:0 11px;font-size:12px;font-weight:750;display:flex}.dynamic-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dynamic-fields label>span{color:#403849;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.dynamic-fields label>span small{color:#8b8295;font-weight:500}.dynamic-fields input,.dynamic-fields select,.folder-maker input{color:#302839;background:#fff;border:1px solid #dcd4e5;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 12px}.dynamic-fields input:focus,.dynamic-fields select:focus,.folder-maker input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6d28d91a}.folder-maker{border-top:1px solid #eee9f3;gap:8px;margin-top:14px;padding-top:14px;display:flex}.folder-maker input{min-width:0;min-height:40px}.folder-maker button{color:#5b21b6;background:#f8f4ff;border:1px solid #d9cce9;border-radius:9px;align-items:center;gap:5px;min-height:40px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.form-actions{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.dynamic-primary,.dynamic-secondary{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 17px;font-size:13px;font-weight:800;display:flex}.dynamic-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 18px #6d28d92e}.dynamic-secondary{color:#5b21b6;background:#fff;border:1px solid #d8cce6}.dynamic-feedback{min-height:36px}.dynamic-error,.dynamic-success{border-radius:9px;align-items:flex-start;gap:7px;margin:12px 0 0;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.dynamic-error{color:#9f1239;background:#fff1f2}.dynamic-error button{color:inherit;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.dynamic-success{color:#166534;background:#f0fdf4}.spin{animation:.7s linear infinite dynamic-spin}@keyframes dynamic-spin{to{transform:rotate(360deg)}}.dynamic-preview{background:#faf8ff;min-width:0;padding:25px}.preview-state{text-align:center;color:#92879e;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.preview-state svg{color:#a789cb}.preview-state h3{color:#494052;margin:14px 0 4px;font-size:15px}.preview-state p{max-width:250px;margin:0;font-size:12px;line-height:1.55}.record-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.record-status>span{align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.record-status>span:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-active{color:#15803d}.status-paused{color:#b45309}.record-status small{color:#887e93;font-size:10px}.dynamic-qr-card{aspect-ratio:1;background:#fff;border:1px solid #e4daef;border-radius:18px;place-items:center;width:230px;margin:18px auto 14px;padding:20px;display:grid;box-shadow:0 15px 38px #351e4f1c,inset 0 0 0 5px #faf8fd}.dynamic-qr-card svg{width:100%;height:auto}.redirect-row{background:#fff;border:1px solid #dfd7e8;border-radius:10px;align-items:center;gap:5px;height:42px;padding:0 5px 0 11px;display:flex}.redirect-row>span{text-overflow:ellipsis;white-space:nowrap;color:#675d73;flex:1;min-width:0;font-size:10px;overflow:hidden}.redirect-row button,.daily-chart>div button{color:#5b21b6;background:#f5f1fa;border:0;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.metric-grid>div{background:#fff;border-top:2px solid #baa1dc;padding:13px}.metric-grid span{color:#7e7489;font-size:10px;display:block}.metric-grid strong{color:#3d225d;font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;display:block}.daily-chart{border-top:1px solid #e4ddea;margin-top:14px;padding-top:13px}.daily-chart>div{justify-content:space-between;align-items:center;display:flex}.daily-chart>div strong{font-size:12px}.daily-chart>p{color:#887e93;margin:13px 0 0;font-size:11px;line-height:1.5}.daily-chart ul{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.daily-chart li{color:#82768d;grid-template-columns:40px 1fr 24px;align-items:center;gap:7px;font-size:9px;display:grid}.daily-chart li>span{background:#e8dff2;border-radius:5px;height:5px;overflow:hidden}.daily-chart li i{border-radius:inherit;background:#7c3fc6;height:100%;display:block}.daily-chart li b{text-align:right;font-variant-numeric:tabular-nums}@media (hover:hover){.library-item:hover,.new-qr-button:hover{background:#fff;border-color:#cdbce5}}@media (max-width:960px){.dynamic-layout{grid-template-columns:190px minmax(0,1fr)}.dynamic-workspace{grid-template-columns:1fr}.dynamic-form{border-bottom:1px solid #e8e2ef;border-right:0}.preview-state{min-height:280px}}@media (max-width:820px){.dynamic-layout{grid-template-columns:1fr}.qr-library{border-bottom:1px solid #e8e2ef;border-right:0}.library-list{display:flex;overflow-x:auto}.library-item{min-width:170px}.library-empty{width:100%}}@media (max-width:560px){.dynamic-section{padding:54px 0}.dynamic-heading-mark{display:none}.dynamic-heading span{font-size:13px}.dynamic-layout{border-radius:17px}.dynamic-form,.dynamic-preview{padding:20px}.form-head{flex-direction:column;align-items:stretch}.new-qr-button{align-self:flex-start}.dynamic-fields{grid-template-columns:1fr}.dynamic-primary,.dynamic-secondary{width:100%}.dynamic-qr-card{width:min(230px,100%)}}section[id]{scroll-margin-top:84px}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.compact-label{font-size:12px}.compact-label select,.new-qr-button,.folder-maker input,.folder-maker button,.history-button{min-height:44px}.library-empty p,.dynamic-error,.dynamic-success,.privacy-note{font-size:12px}@media (max-width:560px){body{padding-bottom:0}.mobile-download{display:none}.mobile-download.is-visible{z-index:50;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;padding:10px 12px;display:block;position:fixed;bottom:0;left:0;right:0}html[data-pwa-install-visible] .mobile-download.is-visible{display:none}}.bulk-qr-section{background:#f7f3fc;border-block:1px solid #e7dff0;padding:72px 0}.bulk-qr-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:32px;margin-bottom:26px;display:grid}.bulk-qr-heading>div>span{color:#6d28d9;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.bulk-qr-heading h2{color:#271738;letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}.bulk-qr-heading>p{color:#6e6578;margin:0;font-size:14px;line-height:1.7}.bulk-qr-grid{background:#fff;border:1px solid #ded4e9;border-radius:20px;grid-template-columns:1.55fr .75fr;display:grid;overflow:hidden;box-shadow:0 22px 55px #42265e17}.bulk-qr-editor,.bulk-qr-settings{padding:26px}.bulk-qr-editor{border-right:1px solid #e6dfee}.bulk-qr-editor>label,.bulk-qr-settings>label{color:#403449;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.bulk-qr-editor textarea,.bulk-qr-settings input,.bulk-qr-settings select{color:#2c2135;background:#fff;border:1px solid #d9cfe3;border-radius:10px;outline:none;width:100%}.bulk-qr-editor textarea{resize:vertical;min-height:260px;padding:14px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.bulk-qr-settings input,.bulk-qr-settings select{min-height:45px;margin-top:7px;padding:0 12px}.bulk-qr-editor textarea:focus,.bulk-qr-settings input:focus,.bulk-qr-settings select:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91c}.bulk-qr-counts{color:#756b80;flex-wrap:wrap;gap:10px 18px;margin-top:11px;font-size:12px;display:flex}.bulk-qr-counts span{align-items:center;gap:5px;display:inline-flex}.bulk-qr-counts .is-valid{color:#187044}.bulk-qr-counts .is-invalid,.bulk-qr-warning{color:#b42318}.bulk-qr-warning{font-size:12px;font-weight:700}.bulk-qr-errors{color:#7d2a21;background:#fff8f7;border:1px solid #f0d0cc;border-radius:10px;max-height:126px;margin:14px 0 0;padding:10px 10px 10px 32px;font-size:12px;overflow:auto}.bulk-qr-errors strong{margin-right:8px}.bulk-qr-errors span{word-break:break-all}.bulk-qr-settings{background:#fcfaff}.bulk-preview{color:#6d28d9;background:#fff;border:1px solid #e1d5ec;border-radius:14px;align-content:center;place-items:center;height:126px;margin-bottom:20px;display:grid}.bulk-preview span{font-size:36px;font-weight:900;line-height:1}.bulk-preview small{color:#7a7085;margin-top:5px}.bulk-qr-settings>label+label{margin-top:14px}.bulk-qr-note{color:#786e83;margin:18px 0;font-size:11px;line-height:1.55}.bulk-progress>div{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.bulk-progress progress{accent-color:#6d28d9;width:100%}.bulk-qr-status{color:#56209b;background:#f0e9fa;border-radius:9px;padding:10px;font-size:11px}.bulk-qr-actions{grid-template-columns:1fr auto;gap:8px;margin-top:16px;display:grid}.bulk-qr-actions button{color:#fff;background:#6d28d9;border:1px solid #6d28d9;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 15px;font-weight:800;transition:transform .14s cubic-bezier(.23,1,.32,1);display:flex}.bulk-qr-actions button:active{transform:scale(.97)}.bulk-qr-actions button:focus-visible{outline-offset:2px;outline:3px solid #6d28d947}.bulk-qr-actions button:disabled{opacity:.48}.bulk-qr-actions .bulk-cancel{color:#6d28d9;background:#fff}@media (max-width:820px){.bulk-qr-heading,.bulk-qr-grid{grid-template-columns:1fr}.bulk-qr-heading{align-items:start}.bulk-qr-editor{border-bottom:1px solid #e6dfee;border-right:0}}@media (max-width:560px){.bulk-qr-section{padding:52px 0}.bulk-qr-editor,.bulk-qr-settings{padding:18px}}.scanner-section{background:#fff;border-bottom:1px solid #ece6f2;padding:76px 0}.scanner-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:32px;margin-bottom:26px;display:grid}.scanner-heading p{color:var(--primary);text-transform:uppercase;align-items:center;gap:7px;margin:0 0 8px;font-size:12px;font-weight:800;display:flex}.scanner-heading h2{color:#271738;letter-spacing:-.045em;margin:0;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.08}.scanner-heading>span{color:#6e6578;font-size:13px;line-height:1.65}.scanner-card{background:#fff;border:1px solid #ded6e7;border-radius:20px;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);display:grid;overflow:hidden;box-shadow:0 22px 55px #42265e14,0 2px 7px #42265e0a}.scanner-view{background:#241834;min-height:380px;padding:24px}.scanner-empty,.camera-stage{color:#d9caed;text-align:center;border:1px solid #ffffff24;border-radius:14px;align-content:center;place-items:center;height:100%;min-height:332px;display:grid;overflow:hidden}.scanner-empty svg{color:#a980df}.scanner-empty strong{color:#fff;margin-top:18px;font-size:18px}.scanner-empty p{color:#b9abc9;max-width:300px;margin:8px 0 0;font-size:13px;line-height:1.6}.camera-stage{background:#130d1c;position:relative}.camera-stage video{object-fit:cover;width:100%;height:100%;min-height:332px}.scan-frame{aspect-ratio:1;border:2px solid #fff;border-radius:18px;width:min(58%,240px);position:absolute;box-shadow:0 0 0 999px #120b1b59}.scan-frame:before,.scan-frame:after{content:"";border:4px solid #9c6cda;border-color:#9c6cda #0000;border-radius:20px;position:absolute;inset:-3px}.scanner-controls{flex-direction:column;min-width:0;padding:28px;display:flex}.scanner-actions{flex-wrap:wrap;gap:9px;display:flex}.scanner-actions button,.scanner-result button,.scanner-result a{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.scanner-primary{border:1px solid var(--primary);background:var(--primary);color:#fff}.scanner-secondary,.scanner-quiet,.scanner-result button,.scanner-result a{color:#5b21b6;background:#fff;border:1px solid #d8cce6}.scanner-quiet{border-color:#0000}.scanner-actions button:active,.scanner-result button:active,.scanner-result a:active{transform:scale(.97)}.scanner-actions button:disabled{opacity:.55}.scanner-feedback{min-height:58px;padding-top:12px}.scanner-notice,.scanner-error{border-radius:9px;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.scanner-notice{color:#166534;background:#f0fdf4}.scanner-error{color:#9f1239;background:#fff1f2}.scanner-result{background:#fcfaff;border:1px dashed #d9cde5;border-radius:14px;min-height:170px;margin-top:auto;padding:18px}.scanner-result>span{color:#72657e;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.scanner-result>p{color:#918699;margin:24px 0 0;font-size:13px}.scanner-result output{color:#30223c;overflow-wrap:anywhere;background:#f2edf7;border-radius:9px;max-height:110px;margin:12px 0;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:auto}.scanner-result>div{flex-wrap:wrap;gap:8px;display:flex}.scanner-result.has-result{border-style:solid;border-color:#cdbbe4}.scanner-result button,.scanner-result a{min-height:42px;padding-inline:12px;font-size:12px}@media (hover:hover){.scanner-secondary:hover,.scanner-quiet:hover,.scanner-result button:hover,.scanner-result a:hover{background:#faf7fd;border-color:#bda5dc}}@media (max-width:820px){.scanner-heading,.scanner-card{grid-template-columns:1fr}.scanner-heading{align-items:start}.scanner-view{min-height:320px}.scanner-empty,.camera-stage,.camera-stage video{min-height:272px}}@media (max-width:560px){.scanner-section{padding:52px 0}.scanner-view,.scanner-controls{padding:18px}.scanner-actions{grid-template-columns:1fr;display:grid}.scanner-actions button{width:100%}.scanner-result>div{display:grid}.scanner-result button,.scanner-result a{width:100%}}.custom-tabs{background:#f2eef7;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 16px;padding:4px;display:grid}.custom-tabs button{color:#716779;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 8px;font-size:11px;font-weight:750;display:flex}.custom-tabs button.is-active{color:#5b21b6;background:#fff;box-shadow:0 3px 10px #3d225814}.custom-tab-panel{min-height:188px}.style-note.compact{min-height:66px;margin:0}.frame-choices{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:0;padding:0;display:grid}.frame-choices legend{color:#4d4257;margin-bottom:8px;font-size:12px;font-weight:750}.frame-choice{color:#5e5369;background:#fff;border:1px solid #ded6e7;border-radius:11px;min-height:92px;padding:8px}.frame-choice>span{align-content:center;place-items:center;gap:7px;height:100%;display:grid}.frame-choice i{background:repeating-linear-gradient(45deg,#4c1d95 0 3px,#fff 3px 6px);border:6px solid #fff;width:42px;height:42px;display:block;box-shadow:0 0 0 1px #d8cee2}.frame-choice b{font-size:11px}.frame-choice.frame-label>span{color:#fff;background:#6d28d9;border-radius:6px;padding-top:7px}.frame-choice.frame-label i{width:36px;height:36px}.frame-choice.frame-card>span{border:2px solid #6d28d9;border-radius:6px}.frame-choice.is-selected{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91c}.cta-field{color:#4d4257;margin-top:14px;font-size:12px;font-weight:750;display:block}.cta-field input{border:1px solid #d8cfe2;border-radius:9px;width:100%;min-height:44px;margin-top:6px;padding:0 12px}.cta-field small{color:#8b8295;margin-top:5px;font-weight:500;display:block}.frame-safety{color:#166534;align-items:center;gap:6px;margin:12px 0 0;font-size:11px;display:flex}.format-summary{background:#faf8fc;border:1px solid #e0d8e8;border-radius:10px;align-content:center;place-items:center;min-height:66px;display:grid}.format-summary strong,.format-summary span{display:block}.format-summary strong{color:#4c1d95;font-size:14px}.format-summary span{color:#82778c;margin-top:3px;font-size:10px}.qr-preview-frame{border-radius:20px;width:min(300px,100%);margin:22px auto 14px;padding:0}.qr-preview-frame .qr-stage{width:100%;margin:0}.qr-preview-frame.frame-preview-label,.qr-preview-frame.frame-preview-card{padding:14px 14px 16px}.qr-preview-frame.frame-preview-label{background:#6d28d9}.qr-preview-frame.frame-preview-card{background:#fff;border:3px solid #6d28d9}.frame-cta{text-align:center;color:#5b21b6;letter-spacing:.08em;overflow-wrap:anywhere;margin-top:12px;font-size:13px;display:block}.frame-preview-label .frame-cta{color:#fff}.history-row{border-bottom:1px solid #eeeaf3;grid-template-columns:minmax(0,1fr) 36px;align-items:center;display:grid}.history-list .history-copy{text-align:left;background:#fff;border:0;grid-template-columns:1fr auto auto;width:100%;padding:9px;display:grid}.history-copy small{grid-column:1/3}.history-copy svg{color:#7955a9;grid-area:1/3/3;align-self:center}.history-list .history-delete{color:#a33b4c;background:#fff;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.more-formats{justify-content:flex-end;align-items:center;gap:6px;margin-top:8px;display:flex}.more-formats>span{color:#8a8094;margin-right:auto;font-size:10px}.more-formats button{color:#5b21b6;background:#fff;border:1px solid #ded5e7;border-radius:8px;min-height:34px;padding:0 10px;font-size:11px;font-weight:750}.more-formats button:disabled{opacity:.45}@media (hover:hover){.custom-tabs button:hover,.frame-choice:hover,.more-formats button:hover{background:#fdfbff;border-color:#c5b1df}.history-delete:hover{background:#fff1f2}}@media (max-width:560px){.custom-tabs{grid-template-columns:1fr}.custom-tabs button{justify-content:flex-start;padding-left:12px}.custom-tab-panel{min-height:0}.frame-choices{grid-template-columns:repeat(3,1fr)}.qr-preview-frame{width:260px}}.library-actions{border-top:1px solid #e7dfed;gap:6px;margin-top:14px;padding-top:12px;display:grid}.library-actions button{color:#5b21b6;background:#fff;border:1px solid #ddd3e6;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 10px;font-size:11px;font-weight:750;display:flex}.library-actions .library-remove{color:#9f1239}@media (hover:hover){.library-actions button:hover{background:#fff;border-color:#c7b3df}}.library-actions button{min-height:44px}.redirect-row{height:auto;min-height:48px;padding-block:2px}.redirect-row button,.daily-chart>div button{width:44px;height:44px}.bulk-editor-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.bulk-editor-head>label{color:#403449;font-size:13px;font-weight:800}.bulk-editor-head>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.bulk-editor-head button{color:#5b21b6;background:#fff;border:1px solid #d9cfe3;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:0 9px;font-size:11px;font-weight:750;display:flex}.bulk-preview{gap:6px;height:auto;min-height:150px}.bulk-preview svg{opacity:1;width:88px;height:88px;position:static}.bulk-preview small{text-align:center;max-width:220px}@media (max-width:560px){.bulk-editor-head{flex-direction:column;align-items:flex-start}.bulk-editor-head>div{justify-content:flex-start}}.advanced-toggle{color:#4d4059;background:#faf8fd;border:1px solid #ddd4e7;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:18px;padding:0 13px;display:flex}.advanced-toggle>span{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.advanced-toggle svg{color:#6d28d9}.advanced-toggle b{color:#5b21b6;background:#eee6f8;border-radius:20px;padding:3px 7px;font-size:9px}.advanced-toggle .rotate{transform:rotate(180deg)}.advanced-panel{gap:10px;margin-top:10px;display:grid}.advanced-block{background:#fff;border:1px solid #e3dce9;border-radius:12px;padding:15px}.advanced-block-title{align-items:flex-start;gap:9px;display:flex}.advanced-block-title>svg{color:#6d28d9;flex:none;margin-top:2px}.advanced-block-title>div{flex:1;min-width:0}.advanced-block-title strong,.advanced-block-title span{display:block}.advanced-block-title strong{color:#403649;font-size:13px}.advanced-block-title span{color:#857a8e;margin-top:2px;font-size:10px;line-height:1.45}.setting-check{align-items:flex-start;gap:9px;margin-top:14px;display:flex}.setting-check>input{accent-color:#6d28d9;flex:none;width:18px;height:18px;margin-top:1px}.setting-check b,.setting-check small{display:block}.setting-check b{font-size:12px}.setting-check small{color:#83788d;margin-top:3px;font-size:10px;line-height:1.4}.advanced-field{margin-top:12px;display:block}.advanced-field>span{color:#574b60;margin-bottom:5px;font-size:10px;font-weight:750;display:block}.advanced-field input{color:#302839;background:#fff;border:1px solid #dcd3e5;border-radius:9px;outline:none;width:100%;min-height:42px;padding:0 10px}.advanced-field input:focus,.destination-row input:focus{border-color:#6d28d9;box-shadow:0 0 0 3px #6d28d91a}.scan-limit-grid{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.one-time{color:#6e6279;text-align:left;background:#faf8fd;border:1px solid #ddd3e6;border-radius:9px;align-content:center;min-height:42px;margin-top:12px;padding:5px 10px;display:grid}.one-time b,.one-time span{display:block}.one-time b{font-size:11px}.one-time span{margin-top:2px;font-size:9px}.one-time.is-active{color:#5b21b6;background:#f4effb;border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d914}.mini-switch{flex:none;width:42px;height:24px;position:relative}.mini-switch input{opacity:0;position:absolute}.mini-switch span{background:#d9d1e2;border-radius:24px;width:42px;height:24px;display:block}.mini-switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s cubic-bezier(.23,1,.32,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #28193733}.mini-switch input:checked+span{background:#6d28d9}.mini-switch input:checked+span:after{transform:translate(18px)}.mini-switch input:focus-visible+span{outline-offset:2px;outline:3px solid #6d28d93d}.destination-list{gap:7px;margin-top:13px;display:grid}.destination-row{grid-template-columns:24px minmax(0,1fr) 78px 34px;align-items:center;gap:6px;display:grid}.destination-row>span{color:#5b21b6;background:#f0e9f8;border-radius:7px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.destination-row label{min-width:0}.destination-row input{border:1px solid #ddd4e6;border-radius:8px;outline:none;width:100%;min-height:40px;padding:0 9px}.weight-field{position:relative}.weight-field input{padding-right:31px}.weight-field small{color:#756980;font-size:9px;position:absolute;top:13px;right:7px}.destination-row>button{color:#9f1239;background:#fff1f2;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.add-destination{color:#5b21b6;background:#faf8fd;border:1px dashed #cdbde0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:11px;font-weight:750;display:flex}.utm-grid{grid-template-columns:1fr 1fr;gap:0 9px;display:grid}.utm-grid .advanced-field:nth-child(3){grid-column:1/-1}.library-dot.is-archived{background:#8c8294;box-shadow:0 0 0 3px #ece8ef}.status-archived{color:#6b6372}.feature-badges{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.feature-badges span{color:#5b21b6;background:#eee7f8;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.analytics-breakdowns{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.analytics-breakdowns section,.destination-analytics{background:#fff;border:1px solid #e3dce9;border-radius:9px;padding:11px}.analytics-breakdowns h4,.destination-analytics h4{color:#44364f;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.analytics-breakdowns ul,.destination-analytics ul{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.analytics-breakdowns li{color:#756a80;justify-content:space-between;gap:8px;font-size:9px;display:flex}.analytics-breakdowns li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.analytics-breakdowns li b{color:#4c1d95;font-variant-numeric:tabular-nums}.analytics-breakdowns p{color:#958a9f;margin:9px 0 0;font-size:9px}.destination-analytics{margin-top:8px}.destination-analytics li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.destination-analytics li span{min-width:0}.destination-analytics li b,.destination-analytics li small{display:block}.destination-analytics li b{color:#514657;font-size:9px}.destination-analytics li small{color:#8a7f93;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.destination-analytics li>strong{color:#5b21b6;font-variant-numeric:tabular-nums;font-size:12px}@media (hover:hover){.advanced-toggle:hover,.one-time:hover,.add-destination:hover{background:#fdfbff;border-color:#c4b0dd}}@media (max-width:560px){.advanced-block{padding:13px}.scan-limit-grid,.utm-grid{grid-template-columns:1fr}.utm-grid .advanced-field:nth-child(3){grid-column:auto}.destination-row{grid-template-columns:24px minmax(0,1fr) 72px}.destination-row>button{grid-column:2/-1;width:100%}.analytics-breakdowns{grid-template-columns:1fr}.advanced-toggle>span b{display:none}}:root{--background:#fcfbff;--foreground:#21172f;--primary:#6d28d9;--primary-strong:#5420a6;--lavender:#eee7ff;--lavender-soft:#f7f3ff;--violet-ink:#3d1b68;--muted:#6f6679;--border:#e5def0;--coral:#ff826f;--amber:#f5b94c;--mint:#70c9a3;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}html{scroll-padding-top:84px}body{background:var(--background);overflow-x:clip}a,button{-webkit-tap-highlight-color:transparent}.site-shell{width:min(1220px,100% - 40px)}.site-header{background:#fcfbffe6;border-bottom:1px solid #562e7c17;top:0;box-shadow:0 8px 28px #4523620a}.header-inner{height:74px}.brand{letter-spacing:-.02em;gap:11px;min-height:44px}.brand-mark{background:var(--primary);border-radius:14px;grid-template-rows:repeat(2,9px);grid-template-columns:repeat(2,9px);place-content:center;gap:4px;width:42px;height:42px;display:grid;box-shadow:0 0 0 1px #471b7c14,0 9px 20px #50268233}.brand-mark i{border:2px solid #fff;border-radius:2px;display:block}.brand-mark i:last-child{background:#fff;border:0}.brand small{color:#786e82;letter-spacing:.06em;text-transform:none}.desktop-nav{gap:24px}.desktop-nav a{align-items:center;min-height:44px;display:inline-flex;position:relative}.desktop-nav a:not(.nav-cta):after{content:"";background:var(--primary);opacity:0;height:2px;transition:transform .16s var(--ease-out), opacity .12s ease;border-radius:3px;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(.45)}.nav-cta,.account-login,.account-trigger{min-height:44px}.nav-cta{transition:transform .15s var(--ease-out), background-color .15s ease;border-radius:13px;padding-inline:19px;box-shadow:0 8px 18px #5420a62e,inset 0 1px #ffffff40}.menu-button{background:var(--lavender-soft);border-radius:13px}.mobile-nav{border:1px solid var(--border);background:#fff;border-radius:18px;margin:0 12px 12px;padding:10px;box-shadow:0 18px 45px #361f4e1f}.mobile-nav a,.mobile-nav button{border-radius:10px;padding-inline:12px}.mobile-nav-cta{background:var(--primary);justify-content:center;margin-top:6px;color:#fff!important}.hero{isolation:isolate;background:#f8f4ff;border-bottom:1px solid #e7dff1;min-height:680px}.hero:before{z-index:-2;opacity:.65;background:radial-gradient(circle,#6d28d916 1.3px,#0000 1.5px) 0 0/24px 24px;height:auto;inset:0;-webkit-mask-image:linear-gradient(90deg,#fff 0,#0000 44%);mask-image:linear-gradient(90deg,#fff 0,#0000 44%)}.hero:after{content:"";z-index:-1;background:#e8ddff;border-radius:46% 0 0 52%;width:min(50vw,720px);height:540px;position:absolute;top:56px;right:-90px;transform:rotate(-4deg)}.hero-inner{grid-template-columns:minmax(0,.94fr) minmax(440px,.86fr);gap:clamp(32px,6vw,84px);min-height:606px;padding-block:68px 56px}.hero-copy{z-index:2}.eyebrow{min-height:34px;color:var(--primary-strong);letter-spacing:.015em;background:#ffffffb8;border:1px solid #d8c9ed;border-radius:999px;margin-bottom:22px;padding:0 13px}.hero h1{letter-spacing:-.065em;max-width:690px;font-size:clamp(3rem,5.8vw,5.8rem);line-height:.98}.hero h1 span{color:var(--primary)}.hero-description{color:#60576b;text-wrap:pretty;max-width:620px;margin-top:24px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:28px;display:flex}.hero-actions a{white-space:nowrap;min-height:52px;transition:transform .15s var(--ease-out), background-color .15s ease, border-color .15s ease;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.hero-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 12px 28px #5420a638,inset 0 1px #ffffff40}.hero-secondary{color:var(--violet-ink);background:#ffffffd1;border:1px solid #d8cde4}.trust-row{color:#5f5669;gap:10px 22px;margin-top:24px}.trust-row svg{color:#21825c}.hero-visual{min-height:500px}.hero-qr-card{z-index:4;width:min(330px,70%);animation:hero-card-drift 7s var(--ease-in-out) infinite alternate;background:#fff;border:1px solid #48236e21;border-radius:30px;padding:18px 18px 20px;position:relative;transform:rotate(3deg);box-shadow:0 0 0 8px #ffffff59,0 28px 70px #43225f33,0 5px 14px #43225f14}.hero-card-topline{align-items:center;gap:5px;height:25px;display:flex}.hero-card-topline>span{background:#d8cee5;border-radius:50%;width:6px;height:6px}.hero-card-topline>span:nth-child(2){background:var(--coral)}.hero-card-topline>span:nth-child(3){background:var(--amber)}.hero-card-topline b{color:#807489;letter-spacing:.08em;margin-left:auto;font-size:9px}.hero-qr-art{border-radius:24px;width:100%;display:block}.hero-card-caption{justify-content:space-between;align-items:center;gap:12px;padding:14px 6px 1px;display:flex}.hero-card-caption span{color:#86798f;font-size:10px}.hero-card-caption strong{color:var(--violet-ink);font-size:12px}.playground-orbit{z-index:0;border:1px dashed #5f318d33;border-radius:50%;position:absolute}.orbit-one{width:450px;height:450px}.orbit-two{width:350px;height:350px;transform:rotate(18deg)}.hero-chip,.hero-export-note{z-index:6;background:#fff;border:1px solid #4c25741f;align-items:center;display:flex;position:absolute;box-shadow:0 12px 30px #40215c1f,inset 0 1px #fffc}.hero-chip{color:#4c3d59;border-radius:15px;gap:8px;min-height:48px;padding:5px 13px 5px 6px;font-size:12px;font-weight:750}.hero-chip span{border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.chip-link{top:58px;left:2px;transform:rotate(-6deg)}.chip-link span{color:#ae4939;background:#ffe6e1}.chip-wifi{top:90px;right:-6px;transform:rotate(5deg)}.chip-wifi span{color:#8b6215;background:#fff0c8}.chip-contact{bottom:84px;left:-14px;transform:rotate(4deg)}.chip-contact span{color:#277858;background:#ddf6eb}.chip-ticket{bottom:108px;right:-8px;transform:rotate(-4deg)}.chip-ticket span{color:#6430ad;background:#ece4ff}.hero-export-note{color:#5d2c9f;border-radius:16px;gap:9px;min-height:55px;padding:8px 13px;bottom:25px;right:18px}.hero-export-note>span:last-child{color:#6e6279;font-size:9px;line-height:1.35}.hero-export-note strong{color:#342740;font-size:10px;display:block}.hero-route-icon{background:#eee7ff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.hero-route-icon:first-child{color:#277858;background:#ddf6eb}.hero-route-arrow{color:#8e7b9f;flex:none}.hero-confetti{z-index:1;border:5px solid var(--coral);border-radius:5px;width:17px;height:17px;position:absolute;transform:rotate(22deg)}.hero-confetti-one{top:92px;left:48%}.hero-confetti-two{border-color:var(--mint);border-radius:50%;bottom:114px;right:4%}.hero-feature-rail{background:#ffffffad;border-top:1px solid #542d771a}.hero-feature-rail .site-shell{grid-template-columns:.72fr 1fr 1.45fr;align-items:center;min-height:72px;display:grid}.hero-feature-rail span{color:#726779;border-right:1px solid #ddd3e8;align-items:center;min-height:32px;padding-inline:24px;font-size:12px;display:flex}.hero-feature-rail span:first-child{padding-left:0}.hero-feature-rail span:last-child{border-right:0}.hero-feature-rail b{color:var(--primary);font-variant-numeric:tabular-nums;margin-right:7px;font-size:15px}@keyframes hero-card-drift{to{transform:translateY(-9px)rotate(1.5deg)}}.generator-section{background:#fcfbff;padding-top:54px;position:relative}.generator-card,.dynamic-layout,.bulk-qr-grid,.scanner-card{border-color:#ddd4e7;border-radius:26px;box-shadow:0 1px #5b30800d,0 20px 55px #44245e17,0 4px 14px #44245e0a}.content-section{padding:104px 0}.section-kicker{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.section-title h2,.how-intro h2{color:#281735;letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.05}.how-section{background:#fff;overflow:hidden}.how-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(48px,8vw,112px);display:grid}.how-intro{position:relative}.how-intro:after{content:"";background:radial-gradient(circle, var(--coral) 2px, transparent 2.5px) 0 0 / 14px 14px;opacity:.42;border-radius:24px;width:92px;height:92px;position:absolute;bottom:-64px;right:-42px;transform:rotate(9deg)}.how-intro h2{margin:0}.how-intro>p:not(.section-kicker){color:#6d6476;max-width:470px;margin:20px 0 0;line-height:1.7}.how-intro>a{min-height:44px;color:var(--primary);align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.how-journey{gap:14px;margin:0;padding:0;list-style:none;display:grid}.how-step{background:#faf8ff;border:1px solid #e2d9eb;border-radius:22px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:19px;min-height:142px;padding:22px;display:grid;box-shadow:0 8px 22px #43235c0e}.how-step-1{justify-self:start;width:91%}.how-step-2{background:#f1eaff;justify-self:end;width:96%}.how-step-3{justify-self:center;width:86%}.how-step-icon{width:52px;height:52px;color:var(--primary);background:#fff;border-radius:16px;place-items:center;display:grid;box-shadow:0 7px 18px #42225f17}.how-number{color:#96879f;letter-spacing:.12em;background:0 0;border-radius:0;width:auto;height:auto;font-size:10px;display:inline}.how-step h3{color:#34223f;margin:5px 0 6px;font-size:17px}.how-step p{color:#756a7e;margin:0;font-size:13px;line-height:1.6}.landing-section{background:#f5f0ff}.use-layout{grid-template-columns:.68fr 1.32fr;align-items:start;gap:clamp(40px,7vw,92px);display:grid}.use-heading{text-align:left;margin:0;position:sticky;top:120px}.use-heading h2{margin:0}.use-heading>p:last-child{max-width:430px}.use-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:12px;display:grid}.use-card{border-color:#4b256e1c;border-radius:22px;grid-column:span 3;grid-template-columns:47px minmax(0,1fr);align-content:start;gap:15px;min-height:156px;padding:20px;display:grid;box-shadow:0 8px 20px #42215c0b}.use-card.is-featured{grid-column:span 4;min-height:176px}.use-card.is-featured+.use-card,.use-card:nth-child(5){grid-column:span 2}.use-card:nth-child(6){grid-column:span 4}.use-icon{border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.use-card h3{margin:3px 0 8px;font-size:16px}.use-card p{font-size:12px;line-height:1.65}.use-card-coral{background:#fff2ef}.use-card-coral .use-icon{color:#a74738;background:#ffd9d2}.use-card-amber{background:#fff8e8}.use-card-amber .use-icon{color:#805b14;background:#ffe8ac}.use-card-mint{background:#ebfaf3}.use-card-mint .use-icon{color:#27765a;background:#ccefe0}.use-card-lavender{background:#eee7ff}.use-card-lavender .use-icon{color:#5d2c9f;background:#ded0ff}.faq-section{background:#fff}.faq-layout{grid-template-columns:.68fr 1.32fr;align-items:start;gap:clamp(48px,8vw,108px);display:grid}.faq-layout .section-title{text-align:left;margin:0;position:sticky;top:120px}.faq-list{border-top:0;width:100%;max-width:none}.faq-item{border:1px solid var(--border);background:#fcfbff;border-radius:16px;margin-bottom:10px;padding-inline:18px}.faq-item.is-open{background:#f7f2ff;border-color:#cab8df}.faq-item button{min-height:68px}.faq-item button svg{color:var(--primary);transition:transform .18s var(--ease-out);flex:none}.faq-item.is-open button svg{transform:rotate(180deg)}.faq-answer{padding-right:32px}.cta-section{background:var(--primary);padding:72px 0;position:relative;overflow:hidden}.cta-inner{background:#5d22bc;border:1px solid #fff3;border-radius:30px;min-height:210px;padding:48px clamp(28px,5vw,64px);position:relative}.cta-copy{z-index:2;max-width:690px;position:relative}.cta-sticker{color:#6f4a06;background:#fff1b8;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;transform:rotate(-2deg)}.cta-inner h2{text-wrap:balance;margin-top:18px;font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.02}.cta-inner p{color:#ffffffd4}.cta-inner>a{z-index:2;min-height:54px;transition:transform .15s var(--ease-out);border-radius:15px;gap:8px;position:relative;box-shadow:0 12px 26px #2e105138}.cta-qr-motif{opacity:.15;grid-template-columns:repeat(3,34px);gap:8px;width:120px;display:grid;position:absolute;bottom:-31px;right:18%;transform:rotate(11deg)}.cta-qr-motif i{aspect-ratio:1;background:#fff;border-radius:7px}.cta-qr-motif i:nth-child(2),.cta-qr-motif i:nth-child(4),.cta-qr-motif i:nth-child(9){background:0 0;border:7px solid #fff}.site-footer{background:#24182f}.footer-inner{min-height:92px}.footer-links a{justify-content:center;min-width:44px;padding-inline:7px}.more-formats button,.bulk-editor-head button{min-height:44px}@media (hover:hover) and (pointer:fine){.desktop-nav a:not(.nav-cta):hover:after{opacity:1;transform:scaleX(1)}.nav-cta:hover,.hero-primary:hover,.cta-inner>a:hover{transform:translateY(-2px)}.hero-secondary:hover{background:#fff;border-color:#bba8d2;transform:translateY(-2px)}.hero-chip:hover{transform:translateY(-3px)rotate(0)}.use-card:hover{background:inherit;border-color:#5c2c8b38;transform:translateY(-3px)}.use-card{transition:transform .18s var(--ease-out), border-color .18s ease}}.nav-cta:active,.hero-actions a:active,.cta-inner>a:active,.menu-button:active{transform:scale(.97)}@media (max-width:980px){.hero{min-height:auto}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);gap:24px}.hero-chip{font-size:10px}.chip-link,.chip-contact{left:0}.chip-wifi,.chip-ticket{right:0}.how-layout,.use-layout,.faq-layout{grid-template-columns:1fr}.how-intro{max-width:720px}.how-intro:after{display:none}.use-heading,.faq-layout .section-title{max-width:720px;position:static}.use-mosaic{grid-template-columns:repeat(6,1fr)}}@media (max-width:820px){.site-shell{width:min(100% - 28px,1220px)}.header-inner{height:66px}.hero:after{width:78%;height:360px;top:auto;bottom:90px;right:-100px}.hero-inner{grid-template-columns:1fr;gap:18px;padding-block:48px 26px}.hero-copy{max-width:680px}.hero h1{max-width:650px;font-size:clamp(3rem,11vw,5rem)}.hero-visual{width:min(560px,100%);min-height:430px;margin-inline:auto;display:grid}.hero-qr-card{width:min(290px,62%)}.orbit-one{width:390px;height:390px}.orbit-two{width:310px;height:310px}.hero-feature-rail .site-shell{grid-template-columns:1fr 1fr;padding-block:12px}.hero-feature-rail span{min-height:44px;padding:0 14px}.hero-feature-rail span:first-child{padding-left:14px}.hero-feature-rail span:last-child{border-top:1px solid #ddd3e8;border-right:0;grid-column:1/-1}.content-section{padding:78px 0}.how-step-1,.how-step-2,.how-step-3{width:100%}.use-card.is-featured,.use-card.is-featured+.use-card,.use-card{grid-column:span 3}.cta-inner{flex-direction:column;align-items:flex-start}.cta-qr-motif{opacity:.11;bottom:-55px;right:10%}}@media (max-width:560px){.site-shell{width:min(100% - 24px,1220px)}.brand-mark{width:40px;height:40px}.hero:before{opacity:.33;-webkit-mask-image:none;mask-image:none}.hero:after{width:98%;height:310px;bottom:75px;right:-90px}.hero-inner{padding-block:36px 20px}.eyebrow{margin-bottom:18px;font-size:11px}.hero h1{font-size:clamp(2.7rem,14vw,4rem)}.hero-description{margin-top:18px;font-size:15px}.hero-actions{grid-template-columns:1fr;margin-top:22px;display:grid}.hero-actions a{width:100%}.trust-row{grid-template-columns:1fr;gap:8px;display:grid}.hero-visual{min-height:300px;transform:translateY(3px)}.hero-qr-card{border-radius:22px;width:190px;padding:11px}.hero-qr-art{border-radius:18px}.hero-card-caption{padding-top:9px}.playground-orbit{display:none}.hero-chip{min-height:42px;padding-right:9px}.hero-chip span{width:31px;height:31px}.chip-link{top:18px;left:0}.chip-wifi{top:38px;right:0}.chip-contact{bottom:35px;left:1px}.chip-ticket{bottom:58px;right:1px}.hero-export-note{white-space:nowrap;min-height:46px;padding:6px 9px;bottom:2px;right:50%;transform:translate(50%)}.hero-export-note>span:last-child{display:none}.hero-route-icon{width:27px;height:27px}.hero-confetti{display:none}.hero-feature-rail .site-shell{scrollbar-width:none;min-height:58px;padding-block:6px;display:flex;overflow-x:auto}.hero-feature-rail .site-shell::-webkit-scrollbar{display:none}.hero-feature-rail span,.hero-feature-rail span:first-child,.hero-feature-rail span:last-child{border-top:0;border-right:1px solid #ddd3e8;grid-column:auto;min-width:max-content;padding-inline:16px}.hero-feature-rail span:first-child{padding-left:3px}.hero-feature-rail span:last-child{border-right:0}.generator-section{padding-top:40px}.content-section{padding:62px 0}.section-title h2,.how-intro h2{font-size:clamp(2rem,10vw,3rem)}.how-step{border-radius:18px;grid-template-columns:45px minmax(0,1fr);gap:14px;min-height:0;padding:17px}.how-step-icon{border-radius:14px;width:44px;height:44px}.use-mosaic{grid-template-columns:1fr}.use-card.is-featured,.use-card.is-featured+.use-card,.use-card,.use-card:nth-child(5),.use-card:nth-child(6){grid-column:auto;min-height:0}.use-card{border-radius:18px;grid-template-columns:42px minmax(0,1fr);padding:16px}.use-icon{border-radius:13px;width:42px;height:42px}.faq-item{padding-inline:14px}.faq-answer{padding-right:10px}.cta-section{padding:48px 0}.cta-inner{border-radius:24px;min-height:330px;padding:30px 22px}.cta-inner>a{justify-content:center;width:100%}.cta-qr-motif{right:5%}}@media (prefers-reduced-motion:reduce){.hero-qr-card{animation:none}.desktop-nav a:not(.nav-cta):after,.faq-item button svg{transition-duration:1ms}}.type-pill-icon,.type-grid-icon{color:#6d28d9;flex:none;place-items:center;display:grid}.type-pill-icon{background:#f3edff;border-radius:10px;width:30px;height:30px;box-shadow:inset 0 0 0 1px #4e237d0f}.type-pill.is-selected .type-pill-icon{color:#5420a8;background:#e5d8ff}.type-icon{color:#5b21b6}.type-grid-icon{background:#f6f1ff;border-radius:12px;grid-row:1/3;width:38px;height:38px}.all-types-grid button>.type-grid-icon{font-size:inherit}.preset-section{background:#fbf9ff;border:1px solid #e1d8ec;border-radius:16px;margin:5px 0 16px;padding:14px;box-shadow:inset 0 1px #ffffffd9}.preset-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:11px;display:flex}.preset-heading strong,.preset-heading span{display:block}.preset-heading strong{color:#382843;font-size:13px}.preset-heading span{color:#71657b;margin-top:3px;font-size:11px;line-height:1.45}.preset-heading svg{color:#6d28d9;flex:none}.preset-rail{grid-template-columns:repeat(5,minmax(82px,1fr));gap:8px;display:grid}.design-preset{color:#5c5066;min-width:0;min-height:118px;transition:transform .15s var(--ease-out), border-color .15s ease, box-shadow .15s ease;background:#fff;border:1px solid #ded5e8;border-radius:12px;grid-template-rows:82px auto;gap:7px;padding:7px;display:grid}.design-preset.is-selected{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d91a,0 8px 20px #4b276912}.preset-preview{--preset-fg:#241b2f;--preset-bg:#fff;background:var(--preset-bg);border-radius:8px;align-content:center;place-items:center;gap:3px;width:100%;min-width:0;height:82px;padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #301e3e14}.preset-qr{background:repeating-conic-gradient(var(--preset-fg) 0 25%, var(--preset-bg) 0 50%) 50% / 8px 8px;border:5px solid var(--preset-bg);width:48px;height:48px;box-shadow:0 0 0 1px var(--preset-fg);display:block}@supports (color:color-mix(in lab, red, red)){.preset-qr{box-shadow:0 0 0 1px color-mix(in srgb, var(--preset-fg) 14%, transparent)}}.preset-preview b{color:#5b21b6;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:5px;font-style:normal;line-height:1;overflow:hidden}.preset-preview em{color:#5b21b6;background:#ffffffeb;border-radius:999px;min-width:17px;padding:2px 4px;font-size:7px;font-style:normal;font-weight:850;position:absolute;top:5px;right:5px;box-shadow:0 1px 4px #2a183b1a}.preset-frame-label{background:#6d28d9}.preset-frame-label .preset-qr{width:45px;height:45px}.preset-frame-label b{color:#fff}.preset-frame-card{box-shadow:inset 0 0 0 3px #6d28d9}.preset-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.saved-template-section{border-top:1px solid #e7e0ed;margin-top:15px;padding-top:12px}.saved-template-section>p{color:#4d4257;margin:0 0 8px;font-size:11px;font-weight:800}.saved-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.saved-template-card{background:#fff;border:1px solid #ded5e7;border-radius:11px;grid-template-columns:minmax(0,1fr) 44px 44px;min-width:0;display:grid}.saved-template-card.is-selected{border-color:#6d28d9;box-shadow:0 0 0 2px #6d28d917}.saved-template-apply{color:#4f4558;text-align:left;background:0 0;border:0;border-radius:10px 0 0 10px;align-items:center;gap:8px;min-width:0;min-height:50px;padding:5px 7px;display:flex}.saved-template-apply>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.saved-template-preview{--preset-fg:#241b2f;--preset-bg:#fff;background:var(--preset-bg);border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #301e3e1a}.saved-template-preview i{background:repeating-conic-gradient(var(--preset-fg) 0 25%, var(--preset-bg) 0 50%) 50% / 6px 6px;border:3px solid var(--preset-bg);width:24px;height:24px;display:block}.saved-template-preview.preset-frame-label{background:#6d28d9}.saved-template-preview.preset-frame-card{box-shadow:inset 0 0 0 2px #6d28d9}.saved-template-rename,.saved-template-delete{background:0 0;border:0;border-left:1px solid #eee8f2;align-self:stretch;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.saved-template-rename{color:#6d28d9}.saved-template-delete{color:#9f4151;border-radius:0 10px 10px 0}.state-illustration{width:min(220px,100%);height:auto;overflow:visible}.state-art-shadow{fill:#291a37;opacity:.1;transform:translate(5px,5px)}.state-art-paper{fill:#fff;stroke:#ded2eb;stroke-width:1.5px}.state-art-qr-surface{fill:#f7f3ff}.state-art-cell{fill:#6d28d9}.state-art-route{fill:none;stroke:#a88bcd;stroke-width:3px;stroke-linecap:round;stroke-dasharray:5 6}.state-art-node{fill:#ffe9b7;stroke:#7b5412;stroke-width:1.5px}.state-art-mark,.state-art-success-mark{fill:none;stroke:#5c3910;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.state-art-sheet{fill:#f5efff;stroke:#8060a5;stroke-width:1.5px}.state-art-focus{fill:none;stroke:#f26b5e;stroke-width:4px;stroke-linecap:round}.state-art-beam{fill:none;stroke:#4fbf91;stroke-width:3px;stroke-linecap:round;opacity:.9}.state-art-loader{fill:none;stroke:#6d28d9;stroke-width:4px;stroke-linecap:round;stroke-dasharray:48 54;transform-origin:176px 126px;animation:.9s linear infinite studio-state-spin}.state-art-success{fill:#daf4e8;stroke:#2d8b68;stroke-width:1.5px}.state-art-success-mark{stroke:#24785a}.state-art-dot.dot-one{fill:#f3b63f}.state-art-dot.dot-two{fill:#f26b5e}@keyframes studio-state-spin{to{transform:rotate(360deg)}}.qr-placeholder{place-items:center;width:100%;display:grid}.qr-placeholder .state-illustration{width:190px}.qr-placeholder p{color:#756a80;margin-top:-6px}.preview-state{padding-inline:18px}.preview-state .state-illustration{width:210px;margin-bottom:-2px}.preview-state.is-loading h3{margin-top:5px}.scanner-empty .state-illustration{width:min(230px,74%)}.scanner-empty.is-success strong{color:#d8f5e9}.scanner-empty.is-success p{color:#b8d8cb}.scanner-empty.is-loading strong{color:#f4ecff}.bulk-preview .state-illustration{width:172px;margin:-13px auto -10px}.bulk-preview-code{place-items:center;display:grid;position:relative}.bulk-preview-code:before{content:"";background:#f0e9fa;border:1px solid #ded3ea;border-radius:13px;width:126px;height:126px;position:absolute;transform:translate(8px,8px)rotate(2deg)}.bulk-preview-code svg{z-index:1;border-radius:11px;width:126px;height:126px;position:relative;box-shadow:0 8px 18px #43255c1a}.bulk-preview-code>span{color:#176044;background:#ecfdf5;border:1px solid #b9e1cf;border-radius:999px;align-items:center;gap:4px;min-height:27px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;bottom:2px;right:-34px;box-shadow:0 5px 12px #205d431a}.bulk-preview.is-loading{background:#faf7ff}.bulk-preview.is-success{background:#fafffc;border-color:#bfe2d2}.bulk-qr-status.is-success{color:#176044;background:#ecfdf5;align-items:flex-start;gap:7px;display:flex}.bulk-qr-status.is-success svg{flex:none;margin-top:1px}@media (hover:hover) and (pointer:fine){.design-preset:hover{border-color:#bda8d8;transform:translateY(-2px)}.saved-template-apply:hover{background:#faf7fd}.saved-template-rename:hover{background:#f6f1ff}.saved-template-delete:hover{background:#fff1f2}}@media (max-width:720px){.generator-card{grid-template-columns:minmax(0,1fr)}.editor-pane,.preview-pane,.customization-panel,.preset-section{min-width:0}.preset-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bba6d5 transparent;width:100%;min-width:0;max-width:100%;padding:2px 1px 7px;display:flex;overflow-x:auto}.design-preset{scroll-snap-align:start;min-width:104px}}.destination-row{grid-template-columns:24px minmax(0,1fr) 96px 44px}.destination-row input,.destination-row>button,.add-destination,.folder-maker button,.new-qr-button,.cloud-signin,.one-time{min-height:44px}.destination-row>button{width:44px;height:44px}.add-destination{min-height:44px}.advanced-block{padding:0;overflow:clip}.advanced-block-head{align-items:center;padding-right:10px;display:flex}.advanced-block-head .advanced-block-toggle{flex:1}.advanced-block-toggle{color:#403649;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 13px;display:flex}.advanced-block-toggle>svg{color:#6d28d9;transition:transform .16s var(--ease-out);flex:none}.advanced-block-toggle>svg.rotate{transform:rotate(180deg)}.advanced-block-title{flex:1}.advanced-block-title>span{flex:1;min-width:0}.advanced-block-content{border-top:1px solid #eee8f3;padding:0 13px 14px}.advanced-empty-note{color:#786d82;margin:12px 0 0;font-size:11px;line-height:1.55}.advanced-block-head .mini-switch{place-items:center;width:44px;height:44px;display:grid}.advanced-block-head .mini-switch span{position:relative}.advanced-block-head .mini-switch span:after{top:3px;left:3px}@media (min-width:961px){.dynamic-layout{overflow:clip}.dynamic-workspace{background:linear-gradient(90deg,#fff 0 57.5%,#faf8ff 57.5%)}.dynamic-preview{scrollbar-width:thin;scrollbar-color:#c7b3dd transparent;align-self:start;max-height:calc(100dvh - 116px);position:sticky;top:92px;overflow-y:auto}}.scanner-error{align-items:start;gap:9px;display:grid}.scanner-error p{margin:0}.scanner-error-actions{flex-wrap:wrap;gap:7px;display:flex}.scanner-error-actions button{color:#8d2033;background:#fff;border:1px solid #efb7c0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}@media (max-width:560px){.type-pill{justify-content:flex-start;min-width:124px}.preset-section{margin-inline:-4px;padding:12px}.scanner-empty .state-illustration{width:min(205px,86%)}.bulk-preview .state-illustration{width:160px}.bulk-preview-code:before,.bulk-preview-code svg{width:116px;height:116px}.bulk-preview-code>span{right:-27px}.destination-row{grid-template-columns:24px minmax(0,1fr) 96px}.saved-templates{grid-template-columns:1fr}.scanner-error-actions{grid-template-columns:1fr;display:grid}.scanner-error-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.state-art-loader{animation-duration:2.4s}}.step:not(.is-active),.more-formats>span,.privacy-note,.library-empty>p,.dynamic-fields label>span>small,.preview-state>p,.scanner-result>p,.how-number,.how-step p,.use-card p{color:#655a70}.more-formats>span,.privacy-note,.dynamic-fields label>span>small,.how-number{font-size:12px}.footer-inner .brand,.footer-inner .brand>span{color:#fff}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}