*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container-base{margin-left:auto;margin-right:auto;width:100%;max-width:1180px;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-base{padding-left:1.25rem;padding-right:1.25rem}}@media (min-width: 768px){.container-base{padding-left:1.5rem;padding-right:1.5rem}}.section-gap{padding-top:2.5rem}@media (min-width: 768px){.section-gap{padding-top:3.5rem}}.title{font-size:30px;font-weight:600;line-height:1.12;letter-spacing:-.022em}@media (min-width: 640px){.title{font-size:34px}}@media (min-width: 768px){.title{font-size:44px}}.subtitle{margin-top:.75rem;max-width:48rem;font-size:1rem;line-height:1.5rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.subtitle{font-size:1.125rem;line-height:1.75rem}}.nav-link{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-link:hover{--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.icon-shell{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;border-color:#b47b8b33;background-color:#ffffffe6;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card{border-radius:28px;border-width:1px;border-color:#b47b8b1a;background-color:#ffffffe6;padding:1.5rem;--tw-shadow: 0 16px 40px rgba(38,28,34,.07);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 24px 52px rgba(180,123,139,.14);--tw-shadow-colored: 0 24px 52px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.premium-card{height:100%}.premium-card:hover{border-color:#b47b8b40}.btn-main{border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #B47B8B var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 123 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #aa6f7f var(--tw-gradient-to-position);padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 28px rgba(180,123,139,.34);--tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-main:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 14px 34px rgba(180,123,139,.45);--tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.btn-main{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}}.btn-secondary{border-radius:.75rem;border-width:1px;border-color:#b47b8b4d;background-color:#fffc;padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn-secondary:hover{border-color:#b47b8b80;background-color:#ffffffe6}@media (min-width: 640px){.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}}.chip{display:inline-flex;align-items:center;border-radius:9999px;border-width:1px;border-color:#b47b8b33;background-color:#fffc;padding:.375rem .875rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.chip:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#b47b8b66;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.pill{display:inline-flex;border-radius:9999px;border-width:1px;border-color:#b47b8b33;background-color:#efd8d899;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1))}.floating-card{border-radius:1rem;border-width:1px;border-color:#ffffffe6;background-color:#fffffff2;padding:.875rem;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 14px 36px rgba(72,54,64,.14);--tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width: 640px){.floating-card{padding:1rem}}.hero-shell{position:relative;overflow:hidden;border-radius:28px;border-width:1px;border-color:#ffffffe6;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 248 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff8f6 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #f7f1ec var(--tw-gradient-to-position);padding:1rem;--tw-shadow: 0 26px 62px rgba(55,40,50,.17);--tw-shadow-colored: 0 26px 62px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.hero-shell{border-radius:34px;padding:1.25rem}}@media (min-width: 768px){.hero-shell{padding:1.5rem}}@media (min-width: 1024px){.hero-shell-wide{overflow:visible;padding:.625rem}}@media (min-width: 1280px){.hero-shell-wide{padding:.75rem}}.hero-visual-stage{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:100%}.hero-face-glow{pointer-events:none;position:absolute;right:-.75rem;bottom:-3.5rem;height:14rem;width:14rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(191 233 242 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(191 233 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(203 184 255 / .5) var(--tw-gradient-to-position);--tw-blur: blur(64px);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)}@media (min-width: 640px){.hero-face-glow{height:18rem;width:18rem}}@media (min-width: 768px){.hero-face-glow{right:-.5rem;bottom:-3.9rem;height:20rem;width:20rem}}.hero-product-glow{pointer-events:none;position:absolute;left:-1.25rem;top:-2rem;height:11rem;width:11rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(239 216 216 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 216 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .7) var(--tw-gradient-to-position);--tw-blur: blur(64px);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)}@media (min-width: 640px){.hero-product-glow{height:14rem;width:14rem}}.hero-composition{position:relative;width:100%}.hero-image-wrap{position:relative;margin-left:auto;margin-right:auto;aspect-ratio:4/5;width:100%;max-width:420px;overflow:hidden;border-radius:1.6rem;border-width:1px;border-color:#ffffffe6;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #f3dbc8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 219 200 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ddb293 var(--tw-gradient-to-position)}@media (min-width: 640px){.hero-image-wrap{max-width:none;border-radius:2rem}}.hero-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:52% 36%;object-position:52% 36%}@media (min-width: 640px){.hero-image{-o-object-position:54% 38%;object-position:54% 38%}}.hero-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#ffffffe6}@media (max-width: 767px){.recommended-card .hero-image-fallback{gap:.35rem}.recommended-card .hero-image-fallback>div{padding:.375rem;font-size:9px}}.hero-image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(46 31 40 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(46 31 40 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position)}.hero-powder{pointer-events:none;position:absolute;right:0;top:.75rem;z-index:10;display:none;height:10rem;width:10rem;border-radius:28px;-o-object-fit:contain;object-fit:contain;opacity:.9;mix-blend-mode:multiply}@media (min-width: 640px){.hero-powder{display:block;height:12rem;width:12rem}}@media (min-width: 1024px){.hero-powder{right:-10px;top:1.5rem;height:13rem;width:13rem}}.hero-cards{position:relative;z-index:20;margin-top:1rem;display:grid;gap:.75rem}@media (max-width: 767px){.recommended-card .hero-cards{gap:.35rem}.recommended-card .hero-cards>div{padding:.375rem;font-size:9px}}@media (min-width: 640px){.hero-cards{margin-top:1.25rem}}.tone-card,.assistant-card,.recommended-card-embedded{width:100%}.recommended-card-title{margin-bottom:.375rem;font-size:13px;font-weight:500;line-height:1.25;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.recommended-shades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}@media (max-width: 767px){.recommended-card .recommended-shades{gap:.35rem}.recommended-card .recommended-shades>div{padding:.375rem;font-size:9px}}.recommended-shade{border-radius:.5rem;border-width:1px;border-color:#b47b8b1a;padding:.375rem;text-align:center;font-size:8px;line-height:1.25;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.hero-section{position:relative}.hero-recommended-slot{z-index:60;width:11.25rem;padding:.625rem;--tw-shadow: 0 12px 30px rgba(72,54,64,.16);--tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.assistant-card{border-radius:24px;border-width:1px;border-color:#ffffffe6;background-color:#ffffffe6;padding:.875rem;--tw-shadow: 0 18px 42px rgba(74,55,64,.18);--tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-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)}@media (min-width: 640px){.assistant-card{border-radius:26px;padding:1rem}}.assistant-card-head{margin-bottom:.625rem;display:flex;align-items:center;gap:.625rem}@media (min-width: 640px){.assistant-card-head{margin-bottom:.75rem}}.assistant-icon{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #B47B8B var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 123 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CBB8FF var(--tw-gradient-to-position);font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 6px 18px rgba(180,123,139,.35);--tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.assistant-icon{height:2.25rem;width:2.25rem;font-size:1.125rem;line-height:1.75rem}}.assistant-card-text{border-radius:1rem;border-width:1px;border-color:#b47b8b1a;background-color:#fffc;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.assistant-card-text{padding-top:.625rem;padding-bottom:.625rem}}.demo-shell{display:grid;overflow:hidden;border-radius:28px;border-width:1px;border-color:#b47b8b1a;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #faf4ef var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 244 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(246 235 227 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f6ebe3 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #f0e2d8 var(--tw-gradient-to-position);--tw-shadow: 0 16px 40px rgba(38,28,34,.07);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (max-width: 767px){.recommended-card .demo-shell{gap:.35rem}.recommended-card .demo-shell>div{padding:.375rem;font-size:9px}}@media (min-width: 1024px){.demo-shell{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}.demo-panel{display:flex;flex-direction:column;padding:1.25rem}@media (min-width: 640px){.demo-panel{padding:1.5rem}}@media (min-width: 768px){.demo-panel{padding:2rem}}.demo-panel-demo{border-bottom-width:1px;border-color:#ffffff80}@media (min-width: 1024px){.demo-panel-demo{border-bottom-width:0px;border-right-width:1px;border-color:#ffffff80}}.demo-visual-fill{min-height:300px;flex:1 1 0%}@media (min-width: 640px){.demo-visual-fill{min-height:340px}}.demo-live-pill{display:inline-flex;border-radius:9999px;border-width:1px;border-color:#b47b8b33;background-color:#ffffffe6;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.demo-visual{position:relative;min-height:300px;overflow:hidden;border-radius:1.35rem;border-width:1px;border-color:#ffffffe6;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f3ddcf var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 221 207 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(242 208 197 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f2d0c5 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #e8c8d3 var(--tw-gradient-to-position);--tw-shadow: inset 0 1px 0 rgba(255,255,255,.65);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.demo-visual{min-height:360px}}@media (min-width: 1024px){.demo-visual{min-height:0px}}.demo-visual-glow{pointer-events:none;position:absolute;left:-1.5rem;top:1.5rem;height:10rem;width:10rem;border-radius:9999px;background-color:#cbb8ff80;--tw-blur: blur(64px);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)}.demo-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.demo-image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(46 31 40 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(46 31 40 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.demo-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:12% 32%;object-position:12% 32%}@media (min-width: 640px){.demo-image{-o-object-position:18% 32%;object-position:18% 32%}}@media (min-width: 768px){.demo-image{-o-object-position:24% 34%;object-position:24% 34%}}@media (min-width: 1024px){.demo-image{-o-object-position:30% 35%;object-position:30% 35%}}.demo-image-wrap:before{content:"";pointer-events:none;position:absolute;top:0;bottom:0;right:0;z-index:10;width:42%;background-image:linear-gradient(to left,var(--tw-gradient-stops));--tw-gradient-from: rgb(242 208 197 / .95) var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(242 208 197 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(242 208 197 / .55) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position)}@media (min-width: 640px){.demo-image-wrap:before{width:38%}}@media (min-width: 768px){.demo-image-wrap:before{width:34%}}.demo-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#ffffffe6}@media (max-width: 767px){.recommended-card .demo-image-fallback{gap:.35rem}.recommended-card .demo-image-fallback>div{padding:.375rem;font-size:9px}}.demo-scan-line{pointer-events:none;position:absolute;left:1.5rem;right:1.5rem;top:18%;z-index:20;height:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);animation:demo-scan 4.5s ease-in-out infinite}.chat-card{position:absolute;bottom:.625rem;right:.5rem;z-index:30;width:min(100%,13.75rem);max-width:72%;border-radius:1.1rem;border-width:1px;border-color:#ffffffe6;background-color:#fffffff2;padding:.625rem;--tw-shadow: 0 14px 36px rgba(72,54,64,.18);--tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-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)}@media (min-width: 640px){.chat-card{bottom:.75rem;right:.625rem;width:min(100%,14.5rem);max-width:58%}}@media (min-width: 768px){.chat-card{max-width:13.5rem}}@media (min-width: 1024px){.chat-card{max-width:12.75rem}}.chat-card-head{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;border-bottom-width:1px;border-color:#b47b8b1a;padding-bottom:.5rem}.chat-avatar{display:inline-flex;height:1.75rem;width:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #B47B8B var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 123 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CBB8FF var(--tw-gradient-to-position);font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 6px 16px rgba(180,123,139,.35);--tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bubble{margin-bottom:.375rem;border-radius:.5rem;padding:.375rem .625rem;font-size:13px;line-height:1.375}.chat-bubble:last-child{margin-bottom:0}.chat-bubble-client{border-width:1px;border-color:#b47b8b1a;background-color:#ffffffe6;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.chat-bubble-ai{border-width:1px;border-color:#b47b8b26;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(239 216 216 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 216 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .95) var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.demo-results-panel{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column}.demo-results-title{margin-bottom:.75rem;flex-shrink:0}@media (min-width: 640px){.demo-results-title{margin-bottom:1.25rem}}.demo-results-body{display:flex;min-height:0px;flex:1 1 0%;align-items:stretch;gap:.75rem}@media (min-width: 640px){.demo-results-body{gap:1rem}}@media (min-width: 768px){.demo-results-body{gap:1.25rem}}.demo-results-list{display:flex;min-height:0px;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.5rem}@media (min-width: 640px){.demo-results-list{gap:.625rem}}.product-render-wrap{position:relative;width:6.75rem;flex-shrink:0;align-self:stretch;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:#fff9;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: rgb(255 255 255 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(250 246 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #faf6f2 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #f0e6dc var(--tw-gradient-to-position);--tw-shadow: 0 6px 18px rgba(72,54,64,.08);--tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.product-render-wrap{width:7.5rem}}@media (min-width: 768px){.product-render-wrap{width:8rem}}.product-render-side{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:.5rem}.result-row{display:flex;flex:1 1 0%;align-items:center;gap:.625rem;border-radius:.75rem;border-width:1px;border-color:#ffffffb3;background-color:#ffffffbf;padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.result-row:hover{border-color:#b47b8b40;background-color:#ffffffe6}@media (min-width: 640px){.result-row{gap:.75rem;padding:.875rem}}.result-row{min-height:4.25rem}.result-swatch{height:2.25rem;width:2.25rem}@media (min-width: 640px){.result-swatch{height:2.5rem;width:2.5rem}}.result-name{font-size:15px;font-weight:500;line-height:1.375}@media (min-width: 640px){.result-name{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.result-name{font-size:17px}}.result-desc{margin-top:.125rem;font-size:.875rem;line-height:1.25rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.result-desc{font-size:15px}}.result-row:last-child{margin-bottom:0}.result-body{display:flex;min-width:0px;flex:1 1 0%;flex-wrap:wrap;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.5rem}.result-copy{min-width:0px;flex:1 1 0%;flex-basis:9.5rem}.result-tag{display:inline-flex;max-width:7rem;flex-shrink:0;align-items:center;justify-content:center;padding:.125rem .5rem;text-align:center;font-size:10px;line-height:1.2;overflow-wrap:anywhere}@media (min-width: 640px){.result-tag{font-size:.75rem;line-height:1rem}}.result-row-featured{border-color:#b47b8b4d;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: rgb(239 216 216 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 216 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .9) var(--tw-gradient-to-position);--tw-shadow: 0 8px 24px rgba(180,123,139,.12);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chip-featured{border-color:#b47b8b4d;background-color:#b47b8b1a;font-weight:500;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1))}.architecture-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 767px){.recommended-card .architecture-flow{gap:.35rem}.recommended-card .architecture-flow>div{padding:.375rem;font-size:9px}}@media (min-width: 640px){.architecture-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.architecture-flow{grid-template-columns:repeat(6,minmax(0,1fr))}}.flow-node{position:relative;display:flex;min-height:86px;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;border-color:#b47b8b26;background-color:#ffffffe6;padding:1rem .625rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:500;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.flow-node{padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}}.flow-arrow{position:absolute;right:-.5rem;top:50%;display:none;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:#b47b8b99}@media (min-width: 1024px){.flow-arrow{display:block}}.case-visual-wrap{position:relative;min-height:240px;overflow:hidden;border-top-left-radius:28px;border-top-right-radius:28px;border-bottom-width:1px;border-color:#b47b8b1a;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f3ddcf var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 221 207 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(242 208 197 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f2d0c5 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #e8c8d3 var(--tw-gradient-to-position)}@media (min-width: 640px){.case-visual-wrap{min-height:280px}}@media (min-width: 768px){.case-visual-wrap{min-height:320px;border-top-left-radius:28px;border-bottom-left-radius:28px;border-top-right-radius:0;border-bottom-width:0px;border-right-width:1px}}.case-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:42% 30%;object-position:42% 30%}@media (min-width: 640px){.case-image{-o-object-position:46% 32%;object-position:46% 32%}}@media (min-width: 768px){.case-image{-o-object-position:center;object-position:center}}.case-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(220 200 184 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 200 184 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(239 216 216 / .6) var(--tw-gradient-to-position);padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}@media (max-width: 767px){.recommended-card .case-image-fallback{gap:.35rem}.recommended-card .case-image-fallback>div{padding:.375rem;font-size:9px}}.case-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 767px){.recommended-card .case-stats-grid{gap:.35rem}.recommended-card .case-stats-grid>div{padding:.375rem;font-size:9px}}.case-stat-card{border-radius:1rem;border-width:1px;border-color:#b47b8b26;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(239 216 216 / .3) var(--tw-gradient-to-position);padding:1rem;--tw-shadow: 0 10px 24px rgba(72,54,64,.08);--tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.case-stat-card:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#b47b8b4d}.case-stat-label{font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1))}.case-stat-value{margin-top:.25rem;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.02em;--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.case-stat-value{font-size:1.65rem}}.case-stat-desc{margin-top:.25rem;font-size:.75rem;line-height:1rem;line-height:1.375;--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1))}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-3{right:-.75rem}.top-0{top:0}.top-1\/2{top:50%}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-8{height:2rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[min\(70vh\,640px\)\]{height:min(70vh,640px)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-8{width:2rem}.w-\[92\%\]{width:92%}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[620px\]{max-width:620px}.max-w-\[640px\]{max-width:640px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-rose\/10{border-color:#b47b8b1a}.border-rose\/15{border-color:#b47b8b26}.border-rose\/20{border-color:#b47b8b33}.border-rose\/30{border-color:#b47b8b4d}.border-white\/80{border-color:#fffc}.border-white\/90{border-color:#ffffffe6}.bg-\[\#f7f5f0\]{--tw-bg-opacity: 1;background-color:rgb(247 245 240 / var(--tw-bg-opacity, 1))}.bg-blush\/60{background-color:#efd8d899}.bg-cream{--tw-bg-opacity: 1;background-color:rgb(250 247 244 / var(--tw-bg-opacity, 1))}.bg-cream\/80{background-color:#faf7f4cc}.bg-rose\/10{background-color:#b47b8b1a}.bg-rose\/15{background-color:#b47b8b26}.bg-textDark\/45{background-color:#1f1f2373}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blush\/50{--tw-gradient-from: rgb(239 216 216 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 216 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lilac\/40{--tw-gradient-from: rgb(203 184 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(203 184 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose{--tw-gradient-from: #B47B8B var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 123 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blush\/40{--tw-gradient-to: rgb(239 216 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(239 216 216 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-aqua\/40{--tw-gradient-to: rgb(191 233 242 / .4) var(--tw-gradient-to-position)}.to-lilac{--tw-gradient-to: #CBB8FF var(--tw-gradient-to-position)}.to-lilac\/30{--tw-gradient-to: rgb(203 184 255 / .3) var(--tw-gradient-to-position)}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[32px\]{font-size:32px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.72\]{line-height:1.72}.leading-relaxed{line-height:1.625}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-wide{letter-spacing:.025em}.text-rose{--tw-text-opacity: 1;color:rgb(180 123 139 / var(--tw-text-opacity, 1))}.text-rose\/40{color:#b47b8b66}.text-textDark{--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.text-textMuted{--tw-text-opacity: 1;color:rgb(111 106 104 / var(--tw-text-opacity, 1))}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-\[0_28px_70px_rgba\(38\,28\,34\,0\.22\)\]{--tw-shadow: 0 28px 70px rgba(38,28,34,.22);--tw-shadow-colored: 0 28px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(31\,31\,35\,0\.05\)\]{--tw-shadow: 0 8px 28px rgba(31,31,35,.05);--tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 10px 35px rgba(180, 123, 139, .12);--tw-shadow-colored: 0 10px 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body,#root{overflow-x:clip}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.01em;background:#faf7f4}@media (min-width: 1024px){#top{overflow:visible}.hero-shell-wide{min-height:540px}.hero-composition{min-height:500px;overflow:visible;border-radius:1.65rem}.hero-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;margin-left:0;margin-right:0;aspect-ratio:auto;height:100%;width:100%;max-width:none;border-radius:1.65rem;border-width:0px}.hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:40% 34%;object-position:40% 34%}.hero-image-wrap:after{background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(46 31 40 / .35) var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(46 31 40 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(46 31 40 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.hero-powder{right:.5rem;top:1rem;z-index:20;height:11rem;width:11rem;opacity:.9}.hero-cards{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;margin-top:0;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:0px;overflow:visible}@media (max-width: 767px){.recommended-card .hero-cards{gap:.35rem}.recommended-card .hero-cards>div{padding:.375rem;font-size:9px}}.hero-cards>*{pointer-events:auto}.tone-card{position:absolute;left:4%;top:2%;z-index:30;width:15rem;max-width:34%}.hero-recommended-slot{position:absolute;left:49%;top:6.75rem;max-width:none;transform:translate(-54%)}.hero-cards .recommended-card-embedded{display:none}.assistant-card{position:absolute;bottom:1.5%;right:1.5%;z-index:30;width:16.5rem;max-width:40%}.demo-visual{min-height:0px}.demo-visual{min-height:380px}.demo-visual-fill{min-height:380px}.demo-results-list{min-height:0px;flex:1 1 0%;justify-content:space-between;gap:.625rem}.result-row{min-height:4.75rem}.product-render-wrap{width:7.5rem;border-color:#ffffff80}}@media (min-width: 1280px){.hero-shell-wide{min-height:560px}.hero-composition{min-height:520px}.hero-image{-o-object-position:38% 32%;object-position:38% 32%}.tone-card{left:5%;top:1.5%;width:15.5rem}.hero-recommended-slot{top:7.25rem;width:11.5rem;transform:translate(-58%)}.assistant-card{bottom:1%;right:1%;width:17.5rem}.result-row{min-height:5.25rem}.product-render-wrap{width:8rem}}@media (max-width: 1023px){.hero-shell{min-height:0}.hero-recommended-slot{display:none}.recommended-card-embedded{transform:none}}@keyframes demo-scan{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(220px);opacity:.9}}@media (max-width: 767px){.demo-visual{display:flex;min-height:0px;flex-direction:column;gap:.75rem}.demo-image-wrap{position:relative;inset:auto;height:13.5rem;flex-shrink:0;overflow:hidden;border-radius:1.1rem}.demo-image-wrap:before{display:none}.demo-image{-o-object-position:18% 30%;object-position:18% 30%}.demo-scan-line{display:none}.chat-card{position:static;width:100%;max-width:none;border-radius:1.1rem;padding:.625rem;--tw-shadow: 0 10px 28px rgba(72,54,64,.12);--tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bubble{font-size:12px}.demo-results-body{flex-direction:column;gap:.75rem}.demo-results-list{flex:none}.result-row{flex:none;min-height:auto}.product-render-wrap{min-height:9.5rem;width:100%}.result-body{flex-direction:column;align-items:stretch;gap:.375rem}.result-tag{max-width:none;align-self:flex-start;font-size:10px}.hero-face-glow,.hero-product-glow{opacity:.7}.recommended-card .grid{gap:.35rem}.recommended-card .grid>div{padding:.375rem;font-size:9px}}.hover\:border-rose\/30:hover{border-color:#b47b8b4d}.hover\:text-textDark:hover{--tw-text-opacity: 1;color:rgb(31 31 35 / var(--tw-text-opacity, 1))}.focus\:border-rose\/45:focus{border-color:#b47b8b73}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-rose\/15:focus{--tw-ring-color: rgb(180 123 139 / .15)}@media (min-width: 640px){.sm\:mb-4{margin-bottom:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-7{margin-bottom:1.75rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-9{margin-top:2.25rem}.sm\:h-20{height:5rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:gap-10{gap:2.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem * var(--tw-space-y-reverse))}.sm\:rounded-\[2rem\]{border-radius:2rem}.sm\:p-7{padding:1.75rem}.sm\:p-9{padding:2.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pt-8{padding-top:2rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[42px\]{font-size:42px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:leading-\[1\.74\]{line-height:1.74}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[52px\]{font-size:52px}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.02fr_0\.98fr\]{grid-template-columns:1.02fr .98fr}.lg\:gap-12{gap:3rem}.lg\:pt-11{padding-top:2.75rem}.lg\:text-\[56px\]{font-size:56px}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:gap-7{gap:1.75rem}}