:root{--ink:#24231f;--muted:#6f6a62;--cream:#f7f2eb;--paper:#fcfaf6;--berry:#9e3948;--berry-dark:#752934;--sage:#6e7866;--line:#24231f21;--serif:Georgia, "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.section-shell,.site-header{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;min-height:82px;display:flex;position:relative}.brand{font-family:var(--serif);letter-spacing:-.7px;align-items:center;gap:10px;font-size:25px;display:inline-flex}.logo-mark{width:30px;height:30px;fill:var(--berry);flex:none}.desktop-nav{gap:34px;margin-left:70px;font-size:13px;display:flex}.desktop-nav a,.text-link{position:relative}.desktop-nav a:after,.text-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;inset:auto 0 -5px;transform:scaleX(0)}.desktop-nav a:hover:after,.text-link:hover:after{transform-origin:0;transform:scaleX(1)}.header-cta{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:10px;padding:11px 17px;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.header-cta:hover{background:var(--ink);color:#fff}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:clamp(45px,8vw,110px);min-height:680px;padding-top:58px;padding-bottom:80px;display:grid}.hero-copy{padding-top:2px}.eyebrow,.section-kicker{color:var(--berry);letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:8px;display:flex}.sparkle-icon{fill:currentColor;width:17px;height:17px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);letter-spacing:-5px;margin:24px 0 25px;font-size:clamp(62px,6vw,88px);font-weight:400;line-height:.92}h1 em,h2 em{color:var(--berry);font-weight:400}.hero-lead{max-width:520px;color:var(--muted);margin-bottom:31px;font-size:17px;line-height:1.6}.hero-actions{align-items:center;gap:30px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:0 25px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{color:#fff;background:var(--berry);box-shadow:0 12px 28px #7529342e}.button-primary:hover{background:var(--berry-dark);box-shadow:0 15px 34px #75293440}.text-link{font-size:13px;font-weight:700}.trust-row{color:var(--muted);gap:25px;margin-top:31px;font-size:11px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row i{width:18px;height:18px;color:var(--berry);background:#9e39481a;border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.hero-visual{padding:10px 0 25px 25px;position:relative}.hero-visual:before{content:"";z-index:-1;background:#eadacd;border-radius:46% 46% 15px;position:absolute;inset:-18px -30px 60px 65px;transform:rotate(4deg)}.image-frame{background:#eaded3;border-radius:210px 210px 18px 18px;height:540px;position:relative;overflow:hidden;box-shadow:0 25px 70px #36271f21}.image-frame img{object-fit:cover}.photo-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcfaf6f0;border:1px solid #ffffffd9;border-radius:10px;align-items:center;gap:11px;padding:11px 17px 11px 10px;display:flex;position:absolute;top:49px;left:0;box-shadow:0 10px 30px #2f1f191f}.photo-label-icon{color:#fff;background:var(--berry);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.photo-label-icon svg{width:16px}.photo-label small,.photo-label strong{display:block}.photo-label small{color:var(--muted);margin-bottom:3px;font-size:9px}.photo-label strong{font-family:var(--serif);font-size:15px;font-weight:400}.palette-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfaf6f5;border:1px solid #fff;border-radius:12px;width:290px;padding:17px 18px 18px;position:absolute;bottom:0;right:-22px;box-shadow:0 16px 36px #2f1f1926}.palette-card-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.palette-card-heading span{font-family:var(--serif);font-size:16px}.palette-card-heading small{color:var(--muted);font-size:8px}.swatch-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.swatch-row span{border-radius:5px;height:43px}.how,.color-difference{padding-top:105px;padding-bottom:115px}.how{border-top:1px solid var(--line)}.section-intro.centered{text-align:center;max-width:660px;margin:0 auto 55px}.section-intro h2,.analyzer-copy h2,.closing h2{font-family:var(--serif);letter-spacing:-2.4px;margin:13px 0 15px;font-size:clamp(40px,4.3vw,58px);font-weight:400;line-height:1.03}.section-intro p,.analyzer-copy>p{color:var(--muted);font-size:15px;line-height:1.65}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{border:1px solid var(--line);background:#ffffff75;border-radius:14px;min-height:382px;padding:24px 27px 28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #37271e14}.step-number{color:var(--berry);font-family:var(--serif);font-size:12px;font-style:italic}.step-illustration{place-items:center;height:184px;margin:6px 0 7px;display:grid}.step-illustration>svg{fill:none;width:112px;height:112px;stroke:var(--ink);stroke-width:1.2px}.step-card h3{font-family:var(--serif);margin:0 0 10px;font-size:24px;font-weight:400}.step-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.palette-fan{width:126px;height:140px;position:relative}.palette-fan span{transform-origin:25px 102px;border:1px solid #24231f21;border-radius:25px;width:50px;height:120px;position:absolute;bottom:4px;left:41px}.palette-fan i{z-index:2;background:var(--cream);border:1px solid #24231f66;border-radius:50%;width:9px;height:9px;position:absolute;bottom:17px;left:62px}.analyzer-section{color:#fff;background:#283e39;padding:105px 0}.analyzer-grid{grid-template-columns:.82fr 1fr;align-items:center;gap:clamp(60px,10vw,145px);display:grid}.section-kicker.light{color:#d5a798}.analyzer-copy h2{margin-top:17px}.analyzer-copy h2 em{color:#d5a798}.analyzer-copy>p{color:#ffffffa8;max-width:490px;margin:25px 0 35px}.feature-list{border-top:1px solid #ffffff21;margin:0;padding:0;list-style:none}.feature-list li{font-family:var(--serif);border-bottom:1px solid #ffffff21;align-items:center;gap:22px;padding:16px 0;font-size:15px;display:flex}.feature-list li span{color:#d5a798;font-family:var(--sans);font-size:9px}.analyzer-card{min-height:528px;color:var(--ink);background:var(--paper);border-radius:18px;padding:33px;box-shadow:0 28px 70px #07130f38}.upload-heading{align-items:center;gap:15px;margin-bottom:24px;display:flex}.upload-icon{color:#fff;background:var(--berry);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.upload-heading h3{font-family:var(--serif);margin:0 0 4px;font-size:23px;font-weight:400}.upload-heading p{color:var(--muted);margin:0;font-size:11px}.dropzone{background:#f8f4ed;border:1px dashed #24231f4d;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:260px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.dropzone.is-dragging{border-color:var(--berry);background:#f7e9e9}.dropzone.has-preview{border-style:solid}.camera-upload{width:48px;height:48px;color:var(--berry);background:#f1dedf;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.camera-upload svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:25px}.dropzone strong{font-family:var(--serif);margin-bottom:5px;font-size:17px;font-weight:400}.dropzone>span:not(.camera-upload){color:var(--muted);font-size:10px}.upload-button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;margin:14px 0 10px;padding:9px 15px;font-size:10px;font-weight:700}.dropzone small{color:#98928a;font-size:8px}.file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.preview-wrap,.result-photo{position:relative;overflow:hidden}.preview-wrap{width:100%;height:100%}.preview-wrap img,.result-photo img{object-fit:cover}.scanning-overlay{color:#fff;background:#1f332e57;justify-content:center;align-items:flex-end;padding:25px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.scan-line{background:#f1c0aa;height:2px;animation:1.5s ease-in-out infinite scan;position:absolute;top:10%;left:0;right:0;box-shadow:0 0 18px 4px #f1c0aab3}@keyframes scan{0%,to{top:10%}50%{top:88%}}.selected-file{color:var(--muted);justify-content:space-between;gap:20px;margin:10px 2px 0;font-size:10px;display:flex}.selected-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-file button{color:var(--berry);cursor:pointer;background:0 0;border:0;padding:0}.upload-error{color:#ad293d;margin:9px 2px 0;font-size:10px}.button-dark{color:#fff;background:var(--ink);width:100%}.button-dark:hover:not(:disabled){background:var(--berry)}.analyze-button{margin-top:18px}.analyze-button:disabled{cursor:not-allowed;opacity:.4}.privacy-note{color:#8c877f;text-align:center;margin:13px 0 0;font-size:9px}.privacy-note span{margin-right:5px}.analysis-result{animation:.35s both rise}.telegram-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:462px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-topline{color:var(--sage);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.result-check{color:#fff;background:var(--sage);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.telegram-result .result-topline{align-self:flex-start;margin-bottom:18px}.telegram-mark{color:#fff;background:#269bd8;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:16px;display:grid;box-shadow:0 15px 30px #269bd838}.telegram-mark svg{fill:currentColor;width:37px;height:37px}.telegram-kicker{color:var(--berry);letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:700}.telegram-result h3{font-family:var(--serif);letter-spacing:-1px;margin:9px 0 13px;font-size:34px;font-weight:400;line-height:1.02}.telegram-copy{max-width:385px;color:var(--muted);margin-bottom:21px;font-size:11px;line-height:1.6}.telegram-button{color:#fff;background:#269bd8;width:100%;box-shadow:0 12px 24px #269bd833}.telegram-button:hover{background:#1688c4;box-shadow:0 15px 30px #269bd847}.telegram-benefits{color:var(--muted);justify-content:center;gap:17px;margin-top:15px;font-size:9px;display:flex}.telegram-benefits span{align-items:center;gap:5px;display:flex}.telegram-benefits i{color:var(--sage);font-style:normal}.reset-link{color:#8c877f;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:18px;padding:0 0 3px;font-size:9px}.result-profile{border-bottom:1px solid var(--line);grid-template-columns:106px 1fr;align-items:center;gap:22px;margin:25px 0;padding-bottom:25px;display:grid}.result-photo{background:#e5d9cf;border-radius:54px 54px 10px 10px;width:106px;height:126px}.result-profile small{color:var(--muted);font-size:9px}.result-profile h3{font-family:var(--serif);margin:7px 0;font-size:28px;font-weight:400}.result-profile p{color:var(--muted);margin:0;font-size:10px}.result-palette>span{font-family:var(--serif);margin-bottom:11px;font-size:15px;display:block}.result-palette>div{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.result-palette i{border-radius:7px;height:62px}.demo-disclaimer{color:#746c63;background:#f0e9df;border-radius:7px;margin:16px 0;padding:10px 12px;font-size:9px;line-height:1.45}.color-difference{background:var(--cream)}.split-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:50px;display:grid}.split-intro h2{max-width:600px;margin-bottom:0}.split-intro>p{margin:0 0 5px}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.comparison-card{border-radius:15px;grid-template-columns:.95fr 1.05fr;min-height:340px;display:grid;overflow:hidden}.warm-card{background:#e7dfd2}.cool-card{background:#e4e3e0}.comparison-model{position:relative;overflow:hidden}.face-shape{z-index:2;background:#d9a184;border-radius:48% 48% 45% 45%;width:84px;height:108px;position:absolute;top:54px;left:calc(50% - 42px)}.face-shape:before,.face-shape:after{content:"";background:#463328;border-radius:50%;width:7px;height:3px;position:absolute;top:52px}.face-shape:before{left:21px}.face-shape:after{right:21px}.hair-shape{z-index:1;background:#44332c;border-radius:48% 48% 34% 34%;width:118px;height:132px;position:absolute;top:36px;left:calc(50% - 59px)}.hair-shape:after{content:"";z-index:3;background:#44332c;border-radius:50%;width:92px;height:42px;position:absolute;top:0;left:6px;transform:rotate(-8deg)}.shirt-shape{border-radius:70px 70px 0 0;width:205px;height:180px;position:absolute;top:155px;left:calc(50% - 102px)}.model-warm .shirt-shape{background:#68735d}.model-cool .shirt-shape{background:#b9e343}.model-cool{filter:saturate(.86)}.comparison-info{flex-direction:column;justify-content:center;padding:35px 35px 35px 20px;display:flex}.match-chip,.caution-chip{letter-spacing:.7px;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 9px;font-size:8px;font-weight:700}.match-chip{color:#fff;background:var(--sage)}.caution-chip{color:#605d58;background:#ffffffb3}.comparison-info h3{font-family:var(--serif);margin:17px 0 9px;font-size:25px;font-weight:400}.comparison-info p{color:var(--muted);margin-bottom:22px;font-size:11px;line-height:1.55}.mini-swatches{gap:7px;display:flex}.mini-swatches i{border:2px solid #ffffffb3;border-radius:50%;width:27px;height:27px;box-shadow:0 0 0 1px #24231f1a}.looks-section{background:#eee6dc;padding:105px 0 115px}.looks-heading{margin-bottom:42px}.products-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.product-card{min-width:0}.product-visual{background:linear-gradient(145deg, color-mix(in srgb, var(--product-bg) 12%, #f6f0e7), color-mix(in srgb, var(--product-bg) 24%, #e9ded1));border-radius:13px;place-items:center;height:386px;display:grid;position:relative;overflow:hidden}.product-visual:before{content:"";border:1px solid color-mix(in srgb, var(--product-bg) 28%, transparent);border-radius:50%;width:270px;height:270px;position:absolute}.match-badge{z-index:3;color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#283e39de;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:700;position:absolute;top:17px;left:17px}.heart-button{z-index:3;width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffffc2;border:0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:15px;right:15px}.garment{z-index:1;width:225px;height:255px;fill:var(--product-bg);filter:drop-shadow(0 25px 17px #291c1726);position:relative}.garment .seam{fill:none;stroke:var(--product-accent);stroke-width:2px}.garment .button-dot{fill:var(--product-accent)}.product-meta{padding:17px 3px 0}.product-meta>span{color:var(--muted);letter-spacing:1.1px;font-size:8px;font-weight:700}.product-meta h3{font-family:var(--serif);margin:7px 0 8px;font-size:19px;font-weight:400}.product-meta strong{font-size:12px}.catalog-note{color:var(--muted);text-align:center;margin:32px 0 0;font-size:9px}.faq-section{padding-top:105px;padding-bottom:20px}.faq-list{border-top:1px solid var(--line);max-width:820px;margin-inline:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;min-height:76px;font-family:var(--serif);justify-content:space-between;align-items:center;gap:24px;font-size:20px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{border:1px solid var(--line);width:30px;height:30px;color:var(--berry);font-family:var(--sans);border-radius:50%;flex:none;place-items:center;font-size:18px;font-style:normal;transition:transform .18s,background .18s;display:grid}.faq-item[open] summary i{color:#fff;background:var(--berry);transform:rotate(45deg)}.faq-item>p{max-width:690px;color:var(--muted);margin:-5px 55px 25px 0;font-size:13px;line-height:1.65}.closing{padding-top:100px;padding-bottom:100px}.closing-card{color:#fff;text-align:center;background:var(--berry);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:60px 24px;display:flex;position:relative;overflow:hidden}.closing-card:before,.closing-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:360px;height:360px;position:absolute}.closing-card:before{top:-130px;left:-120px}.closing-card:after{bottom:-170px;right:-100px}.closing-card .logo-mark{z-index:1;fill:#efbfad;width:35px;height:35px;margin-bottom:8px;position:relative}.closing h2{z-index:1;margin-bottom:14px;position:relative}.closing p{z-index:1;color:#ffffffbf;margin-bottom:28px;font-size:13px;position:relative}.button-light{z-index:1;color:var(--berry-dark);background:#fff;position:relative}.site-footer{border-top:1px solid var(--line);min-height:105px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.footer-brand{color:var(--ink);font-size:19px}.footer-brand .logo-mark{width:23px}.site-footer p{font-family:var(--serif);margin:0;font-style:italic}.footer-links{align-items:center;gap:24px;display:flex}.footer-links a{color:var(--ink);align-items:center;gap:7px;font-weight:700;transition:color .18s;display:inline-flex}.footer-links a:hover{color:#269bd8}.footer-links svg{fill:currentColor;width:18px;height:18px}@media (max-width:980px){.desktop-nav{display:none}.hero{gap:50px}.image-frame{height:475px}.palette-card{right:-5px}.analyzer-grid{gap:55px}.comparison-card{grid-template-columns:.85fr 1.15fr}}@media (max-width:780px){.section-shell,.site-header{width:min(100% - 32px,600px)}.site-header{min-height:70px}.header-cta{padding:9px 13px;font-size:10px}.header-cta .arrow-icon{display:none}.brand{font-size:21px}.logo-mark{width:26px;height:26px}.hero{grid-template-columns:1fr;gap:54px;padding-top:65px;padding-bottom:90px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-row{justify-content:center}h1{letter-spacing:-4px;font-size:clamp(56px,16vw,78px)}.hero-lead{margin-inline:auto;font-size:15px}.hero-visual{max-width:500px;margin-inline:auto;padding-left:15px}.image-frame{height:560px}.photo-label{left:0}.palette-card{right:0}.how,.color-difference,.looks-section,.closing{padding-top:82px;padding-bottom:82px}.faq-section{padding-top:82px}.steps-grid,.products-grid{grid-template-columns:1fr}.step-card{min-height:auto}.step-illustration{height:150px}.analyzer-section{padding:82px 0}.analyzer-grid{grid-template-columns:1fr}.analyzer-copy{text-align:center}.analyzer-copy>p{margin-inline:auto}.feature-list{text-align:left}.split-intro{text-align:center;grid-template-columns:1fr;gap:20px}.split-intro h2{margin-inline:auto}.comparison-grid{grid-template-columns:1fr}.product-visual{height:440px}}@media (max-width:520px){.site-header{width:calc(100% - 28px)}.brand{gap:6px;font-size:18px}.logo-mark{width:23px}.header-cta{color:var(--berry);border:0;padding:8px 0}.hero{padding-top:52px}h1{letter-spacing:-3px;margin-top:20px}.hero-actions{flex-direction:column;gap:19px}.trust-row{flex-direction:column;align-items:center;gap:9px}.hero-visual{padding-left:0}.image-frame{border-radius:160px 160px 15px 15px;height:445px}.hero-visual:before{inset:-13px -10px 52px 35px}.photo-label{top:24px;left:-5px}.palette-card{width:245px;padding:14px;right:-3px}.swatch-row span{height:36px}.section-intro h2,.analyzer-copy h2,.closing h2{letter-spacing:-1.8px;font-size:39px}.analyzer-card{min-height:500px;padding:22px 18px}.dropzone{height:245px}.result-profile{grid-template-columns:85px 1fr;gap:15px}.result-photo{width:85px;height:108px}.result-profile h3{font-size:23px}.telegram-result{min-height:456px}.telegram-result h3{font-size:30px}.telegram-benefits{flex-direction:column;align-items:center;gap:7px}.comparison-card{grid-template-rows:270px auto;grid-template-columns:1fr;min-height:500px}.comparison-info{padding:27px}.product-visual{height:380px}.site-footer{flex-direction:column;justify-content:center;gap:12px;padding:30px 0}.footer-links{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}