:root{--color-surface:#f9f9f9;--color-surface-bright:#f9f9f9;--color-surface-dim:#dadada;--color-surface-container-lowest:#fff;--color-surface-container-low:#f3f3f4;--color-surface-container:#eee;--color-surface-container-high:#e8e8e8;--color-surface-container-highest:#e2e2e2;--color-on-surface:#1a1c1c;--color-on-surface-variant:#444748;--color-inverse-surface:#2f3131;--color-inverse-on-surface:#f0f1f1;--color-outline:#747878;--color-outline-variant:#c4c7c7;--color-primary:#000;--color-on-primary:#fff;--color-primary-container:#1c1b1b;--color-secondary:#536254;--color-on-secondary:#fff;--color-secondary-container:#d6e7d5;--color-on-secondary-container:#59685a;--color-tertiary-fixed:#e5e2dd;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--font-display:"Noto Serif", Georgia, serif;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--space-stack-sm:16px;--space-stack-md:32px;--space-stack-lg:80px;--space-gutter:24px;--space-margin-mobile:20px;--space-margin-desktop:64px;--container-max:1440px;--radius-sm:.125rem;--radius:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;font-family:var(--font-body);color:var(--color-on-surface);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:var(--color-surface);color:var(--color-on-surface);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-primary);margin:0;font-weight:400}p{margin:0}button{font-family:var(--font-body);cursor:pointer}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.topnav{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-surface-container);background:#fffc;position:fixed;top:0;left:0;right:0;box-shadow:0 40px 40px #0000000a}.topnav__inner{max-width:var(--container-max);padding:20px var(--space-margin-mobile);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.topnav__logo{letter-spacing:-.04em;color:var(--color-primary);font-size:22px;font-weight:700}.topnav__links{flex:1;justify-content:center;gap:32px;display:none}.topnav__link{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-outline);padding-bottom:4px;font-size:13px;transition:color .15s}.topnav__link:hover{color:var(--color-primary)}.topnav__link--active{color:var(--color-primary);border-bottom:1px solid var(--color-primary);font-weight:600}@media (width>=768px){.topnav__inner{padding:24px var(--space-margin-desktop)}.topnav__links{display:flex}}.btn{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:inline-flex}.btn:active{transform:scale(.99)}.btn--lg{padding:18px 40px}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:#2a2a2a}.btn--ghost{color:var(--color-secondary);border:1px solid var(--color-secondary);background:0 0}.btn--ghost:hover{background:var(--color-secondary-container)}.hero{padding:128px var(--space-margin-mobile) 80px;position:relative;overflow:hidden}.hero__inner{max-width:var(--container-max);grid-template-columns:1fr;align-items:center;gap:48px;margin:0 auto;display:grid}.eyebrow{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:16px;font-size:12px;font-weight:700;display:block}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:32px;font-size:40px;line-height:1.1}.hero__copy{color:var(--color-on-surface-variant);max-width:32rem;margin-bottom:40px;font-size:17px;line-height:1.6}.hero__cta{flex-direction:column;gap:12px;display:flex}.hero__visual{position:relative}.hero__image{aspect-ratio:3/4;background:radial-gradient(at 30% 20%,#ffffff2e 0%,#0000 60%),linear-gradient(135deg,#2a2a2a 0%,#4a4a4a 50%,#1a1a1a 100%);position:relative;overflow:hidden;box-shadow:0 30px 60px #0000002e}.hero__image:after{content:"";background:linear-gradient(#0000 50%,#00000059 100%);position:absolute;inset:0}.hero__insight{display:none}.hero__insight-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.hero__insight-spark{color:var(--color-secondary);font-size:18px}.hero__insight-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.hero__insight-quote{color:var(--color-on-surface-variant);font-size:14px;font-style:italic;line-height:1.5}@media (width>=640px){.hero__cta{flex-direction:row;gap:16px}}@media (width>=768px){.hero{padding:192px var(--space-margin-desktop) 160px}.hero__inner{grid-template-columns:1fr 1fr;gap:64px}.hero__title{font-size:56px}}@media (width>=1024px){.hero__title{font-size:64px}.hero__insight{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #0000000d;max-width:280px;padding:24px;display:block;position:absolute;bottom:32px;left:-32px}}.section-header{max-width:var(--container-max);text-align:center;margin:0 auto 64px}.section-header__title{font-family:var(--font-display);margin-bottom:16px;font-size:32px;line-height:1.2}.section-header__copy{color:var(--color-on-surface-variant);max-width:36rem;margin:0 auto;font-size:15px}@media (width>=768px){.section-header__title{font-size:40px}}.steps{background:var(--color-surface-container-lowest);padding:var(--space-stack-lg) var(--space-margin-mobile)}.steps__grid{max-width:var(--container-max);gap:var(--space-gutter);grid-template-columns:1fr;margin:0 auto;display:grid}.step__visual{aspect-ratio:1;background:var(--color-surface-container);filter:grayscale();margin-bottom:28px;transition:filter .7s}.step:hover .step__visual{filter:grayscale(0)}.step__visual[data-tone=neutral]{background:radial-gradient(at 30% 30%,#fff6,#0000 60%),linear-gradient(135deg,#d6d2cc 0%,#b9b4ac 100%)}.step__visual[data-tone=warm]{background:radial-gradient(at 70% 30%,#ffffff59,#0000 60%),linear-gradient(135deg,#d8c8b3 0%,#a8916f 100%)}.step__visual[data-tone=cool]{background:radial-gradient(at 30% 30%,#ffffff2e,#0000 60%),linear-gradient(135deg,#1f2a23 0%,#3c4a3d 100%)}.step__title{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:14px;font-weight:600}.step__copy{color:var(--color-on-surface-variant);font-size:15px;line-height:1.6}@media (width>=768px){.steps{padding:var(--space-stack-lg) var(--space-margin-desktop)}.steps__grid{grid-template-columns:repeat(3,1fr)}}.bento{padding:var(--space-stack-lg) var(--space-margin-mobile)}.bento__grid{max-width:var(--container-max);grid-template-columns:1fr;gap:24px;margin:0 auto;display:grid}.bento__feature{flex-direction:column;justify-content:space-between;gap:24px;padding:40px;display:flex;position:relative;overflow:hidden}.bento__icon{color:var(--color-secondary);font-size:32px}.bento__feature--neutral .bento__icon{color:var(--color-primary)}.bento__feature--main{color:#fff;background:linear-gradient(#0000 30%,#0006 100%),linear-gradient(135deg,#1f1f1f 0%,#2c2c2c 100%);justify-content:flex-end;min-height:360px}.bento__feature--sage{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.bento__feature--neutral{background:var(--color-surface-container-high)}.bento__title{font-family:var(--font-display);color:inherit;margin:0;font-size:32px;line-height:1.2}.bento__title--sm{font-size:26px;line-height:1.3}.bento__copy{color:var(--color-on-surface-variant);font-size:15px;line-height:1.6}.bento__copy--inverse{color:#ffffffc7;max-width:32rem;font-size:17px}.bento__copy--sage{color:var(--color-on-secondary-container)}.bento__chips{flex-wrap:wrap;gap:12px;display:flex}.chip{border:1px solid var(--color-outline-variant);font-family:var(--font-body);letter-spacing:.1em;color:var(--color-on-surface-variant);border-radius:9999px;align-items:center;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.chip--inverse{color:#ffffffe6;border-color:#ffffff4d}@media (width>=768px){.bento{padding:var(--space-stack-lg) var(--space-margin-desktop)}.bento__grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:220px}.bento__feature--main{grid-area:span 2/span 8;padding:56px}.bento__feature--sage,.bento__feature--neutral{grid-column:span 4}.bento__title{font-size:40px}.bento__title--sm{font-size:28px}}.insight{padding:var(--space-stack-lg) var(--space-margin-mobile)}.insight__card{-webkit-backdrop-filter:blur(12px);border:1px solid #0000000d;border-left:4px solid var(--color-secondary);background:#ffffffb3;max-width:1024px;margin:0 auto;padding:48px 32px;position:relative}.insight__quote-mark{font-family:var(--font-display);color:#5362542e;font-size:80px;line-height:1;position:absolute;top:32px;right:32px}.insight__head{align-items:center;gap:16px;margin-bottom:32px;display:flex}.insight__avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.insight__role{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);margin:0 0 2px;font-size:14px;font-weight:600}.insight__sub{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.insight__quote{font-family:var(--font-display);color:var(--color-primary);margin-bottom:32px;font-size:22px;line-height:1.5}.insight__highlight{border-bottom:1px solid var(--color-secondary)}.insight__verifications{flex-wrap:wrap;gap:12px;display:flex}.verify{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-secondary);text-transform:uppercase;background:#5362541a;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;display:inline-flex}@media (width>=768px){.insight{padding:var(--space-stack-lg) var(--space-margin-desktop)}.insight__card{padding:64px}.insight__quote{font-size:28px}}.footer{background:var(--color-surface-container-lowest);border-top:1px solid var(--color-surface-container);margin-top:auto}.footer__inner{max-width:var(--container-max);padding:48px var(--space-margin-mobile);text-align:center;flex-direction:column;align-items:center;gap:32px;margin:0 auto;display:flex}.footer__logo{letter-spacing:-.02em;margin-bottom:8px;font-size:18px;font-weight:700}.footer__copyright{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-outline);font-size:10px}.footer__links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer__link{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-outline);font-size:10px;transition:color .15s,transform .15s}.footer__link:hover{color:var(--color-primary);transform:translateY(-1px)}@media (width>=768px){.footer__inner{text-align:left;padding:64px var(--space-margin-desktop);flex-direction:row;justify-content:space-between}.footer__links{gap:32px}}.form-nav{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-surface-container);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.form-nav__inner{max-width:var(--container-max);padding:18px var(--space-margin-mobile);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 auto;display:grid}.form-nav__back{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-outline);background:0 0;border:none;justify-self:start;padding:8px 0;font-size:13px;transition:color .15s}.form-nav__back:hover{color:var(--color-primary)}.form-nav__logo{letter-spacing:-.04em;color:var(--color-primary);font-size:20px;font-weight:700}.form-nav__spacer{display:block}@media (width>=768px){.form-nav__inner{padding:22px var(--space-margin-desktop)}}.stylist{max-width:560px;padding:128px var(--space-margin-mobile) var(--space-stack-lg);flex-direction:column;gap:48px;margin:0 auto;display:flex}.stylist__header{text-align:center}.stylist__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 16px;font-size:36px;line-height:1.2}.stylist__copy{color:var(--color-on-surface-variant);max-width:32rem;margin:0 auto;font-size:15px}@media (width>=768px){.stylist{padding:144px var(--space-margin-desktop) var(--space-stack-lg)}.stylist__title{font-size:44px}}.stylist__form{background:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container);border-radius:var(--radius);flex-direction:column;gap:32px;padding:40px;display:flex;box-shadow:0 40px 60px -20px #0000000f}.field{flex-direction:column;gap:10px;display:flex}.field__label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:12px;font-weight:700}.field__input{height:44px;color:var(--color-primary);border:none;border-bottom:1px solid var(--color-outline-variant);background:0 0;border-radius:0;outline:none;padding:0 0 8px;font-size:18px;transition:border-color .2s}.field__input::placeholder{color:var(--color-outline-variant)}.field__input:focus{border-bottom-color:var(--color-primary)}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.photo-uploader{border:1px dashed var(--color-outline-variant);border-radius:var(--radius);background:var(--color-surface-container-low);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 24px;transition:border-color .15s,background .15s;display:flex}.photo-uploader:hover,.photo-uploader--dragging{border-color:var(--color-secondary);background:#5362540f}.photo-uploader--dragging{border-style:solid}.photo-uploader--dragging *{pointer-events:none}.photo-uploader input[type=file]{display:none}.photo-uploader__icon{width:40px;height:40px;color:var(--color-secondary);background:var(--color-secondary-container);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:24px;font-weight:300;display:flex}.photo-uploader__text{font-family:var(--font-body);color:var(--color-primary);font-size:14px;font-weight:600}.photo-uploader__hint{letter-spacing:.05em;color:var(--color-outline);font-size:12px}.photo-preview{background:var(--color-surface-container-low);border:1px solid var(--color-surface-container);border-radius:var(--radius);flex-direction:column;gap:12px;padding:12px;display:flex}.photo-preview img{object-fit:contain;background:var(--color-surface-container);border-radius:var(--radius-sm);width:100%;max-height:360px}.photo-preview__meta{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.photo-preview__name{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.photo-preview__remove{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s}.photo-preview__remove:hover{border-color:var(--color-error);color:var(--color-error)}.result{border-left:4px solid var(--color-error);background:var(--color-error-container);padding:24px 28px}.result h2{font-family:var(--font-display);color:var(--color-on-error-container);margin:0 0 8px;font-size:20px}.result p{color:var(--color-on-error-container);margin:0}.thanks{max-width:560px;padding:144px var(--space-margin-mobile) var(--space-stack-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex}.thanks__check{background:var(--color-secondary-container);width:72px;height:72px;color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:36px;font-weight:600;display:flex}.thanks__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:36px;line-height:1.2}.thanks__copy{color:var(--color-on-surface-variant);max-width:36rem;margin:0;font-size:15px}.thanks__receipt{background:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container);text-align:left;flex-direction:column;gap:12px;width:100%;margin:24px 0 12px;padding:24px;display:flex}.thanks__row{justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;display:flex}.thanks__label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:12px;font-weight:700}.thanks__value{font-family:var(--font-body);color:var(--color-primary);font-weight:600}.thanks__value--ok{color:var(--color-secondary)}.thanks__value--mono{color:var(--color-on-surface-variant);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px;font-weight:400}@media (width>=768px){.thanks{padding:160px var(--space-margin-desktop) var(--space-stack-lg)}.thanks__title{font-size:44px}}