@charset "UTF-8";.glass-card{position:relative;border-radius:20px;isolation:isolate;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 24px rgba(var(--ink-rgb),.2);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid rgba(var(--white-rgb),.3)}.glass-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:20px;box-shadow:inset 0 0 20px -5px rgba(var(--white-rgb),.6);background:rgba(var(--white-rgb),.05)}.glass-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:28px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:url(#glass-distortion);isolation:isolate}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,Roboto,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:DM Sans,Roboto,sans-serif}body{color:var(--text-primary);background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}:root{--pine-900: #0B3A2F;--pine-800: #145343;--pine-950: #082B23;--pine-100: #E4EEE9;--pine-50: var(--pine-100);--sage-400: #7FA394;--sage-icon: #9DBAAD;--canvas: #F8F5F1;--surface: #FFFFFF;--sunken: #F3EFEA;--sunken-tile: #F3EFEA;--border-card: #E8E2DA;--border-button: #D6CEC5;--divider: #E8E2DA;--ink-1: #1F1B18;--ink-2: #6B635B;--ink-3: #6B635B;--ink-placeholder: #A39A90;--ink-rgb: 31, 27, 24;--pine-rgb: 11, 58, 47;--white-rgb: 255, 255, 255;--on-accent: #FFFFFF;--status-success: #4C8B5F;--status-success-text: #2F6B45;--status-success-bg: #E6F0E8;--status-warning: #7A4F12;--status-warning-bg: #FAEBD0;--status-link: var(--pine-900);--status-danger: #B0563F;--status-danger-bg: #FBEFEB;--status-danger-border: #E6C3B9;--hero-rose: #E8999A;--hero-rose-ink: #3B1517;--hero-rose-rgb: 232, 153, 154;--primary: var(--pine-900);--primary-deep: var(--pine-950);--primary-on: #FFFFFF;--accent: var(--pine-900);--accent-deep: var(--pine-950);--text-primary: var(--ink-1);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--text-inverse: #FFFFFF;--bg-primary: var(--surface);--bg-surface: var(--canvas);--bg-accent: var(--sunken-tile);--bg-accent-dark: var(--border-card);--btn-primary: var(--pine-900);--btn-hover: var(--pine-800);--border-light: var(--divider);--border-accent: var(--border-card);--shadow-sm: 0 1px 2px rgba(var(--ink-rgb), .03);--shadow-md: 0 4px 24px rgba(var(--ink-rgb), .06);--shadow-lg: 0 20px 60px rgba(var(--ink-rgb), .12);--bg-color: var(--bg-surface)}.title{color:var(--text-primary);text-align:center;font-family:DM Sans,sans-serif;font-size:50px;font-weight:600;line-height:1.15;letter-spacing:-1.65px}@media (max-width: 768px){.title{font-size:var(--m-h2);line-height:1.15;letter-spacing:-.035em}}.title .marked{font-weight:700;font-family:Kalam,cursive;font-size:1.05em;margin:0}.subtitle{color:var(--text-secondary);font-size:20px;font-weight:400;letter-spacing:-.3px;line-height:1.6}@media (max-width: 768px){.subtitle{font-size:16px;line-height:1.5}}:root{--m-h1: 36px;--m-h2: 30px;--m-h3: 26px;--m-card: 20px;--m-small: 16px}@media (max-width: 768px){app-new-hero h1,app-salon .salon-hero h1,app-colorist .colorist-hero h1,app-pricing .hero h1,app-color-guide .cg-hero h1,.about-hero__title,.contact-banner__title{font-size:var(--m-h1)!important;line-height:1.06!important;letter-spacing:-.04em!important}.section-heading,.story-headline,.steps-heading,.ca-title,.tf-title,.ha-title,.faq-heading h2,.cta-title,.about-story__title,.about-different__title,.about-team__heading,.contact__title{font-size:var(--m-h2)!important;line-height:1.1!important;letter-spacing:-.035em!important}.ha-highlight,.cta-title .highlight{font-size:1.05em!important}.feature-title,.import-title,.migration-title,.newsletter__title,.links-title,app-color-guide .step-title,app-pricing .pricing-page>h3,app-pricing section h3:not(.team-card__name){font-size:var(--m-h3)!important;line-height:1.15!important;letter-spacing:-.03em!important}.feature-card__content h3,.step-item h3,.flyer-card-title,.problem-item h3,.step-card h3,.story-step h3,.about-values__card-title,.team-card__name,.custom-title h2,.link-title{font-size:var(--m-card)!important;line-height:1.25!important;letter-spacing:-.02em!important}.overview-item h4{font-size:var(--m-small)!important;line-height:1.3!important}}