.ai-hair-preview{--ai-navy: #013e55;--ai-cyan: #0ea5c6;--ai-bg: #f4f8fb;--ai-card: #fff;background:linear-gradient(180deg,#eef6fa,#fff 42%,#f7fafc);padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,6vw,5rem)}.ai-hair-preview__wrap{width:min(1180px,calc(100% - 2rem));margin:0 auto}.ai-hair-preview__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.85fr);gap:clamp(1.5rem,3vw,2.75rem);align-items:start}.ai-hair-preview__badge{display:inline-block;margin:0 0 .85rem;padding:.35rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--ai-cyan) 16%,#fff);color:var(--ai-navy);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ai-hair-preview__headline{margin:0 0 .85rem;color:var(--ai-navy);font-family:var(--font-display, "Cinzel", Georgia, serif);font-size:clamp(1.75rem,4.2vw,2.85rem);line-height:1.15;max-width:18ch}.ai-hair-preview__subhead{margin:0 0 1.25rem;color:#475569;font-size:1.02rem;line-height:1.55;max-width:38rem}.ai-hair-preview__trust{list-style:none;margin:0 0 1.75rem;padding:.65rem .75rem;display:flex;flex-wrap:wrap;gap:.55rem 1rem;border-radius:.75rem;background:#f1f5f9}.ai-hair-preview__trust li{font-size:.84rem;font-weight:700;color:var(--ai-navy)}.ai-hair-preview__results-title{margin:0 0 .7rem;color:#94a3b8;font-size:.88rem;font-weight:600;letter-spacing:.01em}.ai-hair-preview__showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .85rem;width:100%;margin-bottom:.35rem}.ai-hair-preview__col{display:flex;flex-direction:column;gap:.55rem;min-width:0}.ai-hair-preview__demo{position:relative;margin:0;overflow:hidden;border-radius:.75rem;background:#0f172a;line-height:0;box-shadow:0 10px 28px #013e5529}.ai-hair-preview__demo-img{width:100%;height:auto;display:block;object-fit:contain;animation:ai-hair-demo-pulse 5.5s ease-in-out infinite}.ai-hair-preview__col:nth-child(2) .ai-hair-preview__demo-img{animation-delay:1.2s}@keyframes ai-hair-demo-pulse{0%,to{filter:saturate(.96)}50%{filter:saturate(1.08)}}.ai-hair-preview__demo-tag{position:absolute;bottom:.55rem;z-index:1;padding:.22rem .55rem;border-radius:.4rem;color:#fff;font-size:.72rem;font-weight:800;line-height:1.2}.ai-hair-preview__demo-tag--before{left:.55rem;background:var(--ai-navy)}.ai-hair-preview__demo-tag--after{right:.55rem;background:var(--ai-cyan)}.ai-hair-preview__tip{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .8rem;border-radius:.65rem;background:#fff;border:1px solid #e8eef4;box-shadow:0 6px 16px #0f172a12}.ai-hair-preview__tip-check{flex:0 0 auto;width:1.25rem;height:1.25rem;margin-top:.05rem;border-radius:50%;background:var(--ai-cyan);position:relative}.ai-hair-preview__tip-check:after{content:"";position:absolute;left:.38rem;top:.24rem;width:.35rem;height:.58rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ai-hair-preview__tip p{margin:0;color:#334155;font-size:.84rem;line-height:1.4;font-weight:500}.ai-hair-preview__form-card{border-radius:1rem;overflow:hidden;background:var(--ai-card);border:1px solid #dbe4ee;box-shadow:0 18px 40px #013e551a}.ai-hair-preview__form-head{padding:1.15rem 1.2rem 1.05rem;background:linear-gradient(160deg,#013e55,#025a73);color:#fff}.ai-hair-preview__form-head h2{margin:0 0 .45rem;font-size:1.05rem;line-height:1.3}.ai-hair-preview__form-head p{margin:0;font-size:.8rem;line-height:1.45;opacity:.9}.ai-hair-preview__body{position:relative;min-height:32rem}.ai-hair-preview__form,.ai-hair-preview__results{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.15rem 1.25rem}.ai-hair-preview__field{display:flex;flex-direction:column;gap:.4rem}.ai-hair-preview__field>span{display:flex;align-items:center;gap:.45rem;color:var(--ai-navy);font-size:.88rem;font-weight:700}.ai-hair-preview__field em{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--ai-navy);color:#fff;font-style:normal;font-size:.75rem;font-weight:800}.ai-hair-preview__field input{width:100%;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:.55rem;font-size:.95rem;background:#fff}.ai-hair-preview__drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:9.5rem;padding:1rem;border:1.5px dashed color-mix(in srgb,var(--ai-cyan) 55%,#94a3b8);border-radius:.75rem;background:#f0f9fc;color:var(--ai-navy);cursor:pointer;text-align:center}.ai-hair-preview__drop strong{font-size:.92rem}.ai-hair-preview__drop span{font-size:.8rem;color:#64748b}.ai-hair-preview__drop-specs{font-size:.72rem!important}.ai-hair-preview__drop--filled{padding:0;overflow:hidden}.ai-hair-preview__drop-preview{width:100%;height:11rem;object-fit:cover;display:block}.ai-hair-preview__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ai-hair-preview__safe{display:flex;flex-wrap:wrap;gap:.45rem .85rem;font-size:.72rem;color:#64748b}.ai-hair-preview__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.9rem 1rem;border:none;border-radius:.65rem;background:linear-gradient(180deg,#025a73,#013e55);color:#fff;font-size:1rem;font-weight:800;text-decoration:none;cursor:pointer}.ai-hair-preview__submit:disabled{opacity:.7;cursor:wait}.ai-hair-preview__note,.ai-hair-preview__privacy{margin:0;text-align:center;font-size:.78rem;color:#64748b}.ai-hair-preview__privacy a{color:var(--ai-navy);font-weight:700}.ai-hair-preview__error{margin:0;padding:.55rem .7rem;border-radius:.5rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.84rem}.ai-hair-preview__loading-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:.65rem;padding:1.35rem 1.15rem;background:#fffffff7;border-radius:0 0 1rem 1rem}.ai-hair-preview__loading-title{margin:0;color:var(--ai-navy);font-size:1.02rem;font-weight:800}.ai-hair-preview__loading-hint{margin:0;color:#64748b;font-size:.86rem;line-height:1.45}.ai-hair-preview__progress{height:.75rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.ai-hair-preview__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5c6,#013e55);transition:width .25s ease}.ai-hair-preview__progress-pct{margin:0;color:var(--ai-navy);font-size:.9rem;font-weight:800;text-align:right}.ai-hair-preview__results h3{margin:0;color:var(--ai-navy)}.ai-hair-preview__results>p{margin:0;color:#64748b;font-size:.88rem}.ai-ba-slider{display:flex;flex-direction:column;gap:.45rem}.ai-ba-slider__stage{position:relative;overflow:hidden;border-radius:.65rem;background:#0f172a;aspect-ratio:1;touch-action:none;cursor:ew-resize;user-select:none;box-shadow:0 8px 22px #013e5524}.ai-ba-slider__img{display:block;object-fit:cover;pointer-events:none}.ai-ba-slider__img--before{width:100%;height:100%}.ai-ba-slider__after-clip{position:absolute;inset:0 auto 0 0;overflow:hidden;height:100%}.ai-ba-slider__img--after{position:absolute;top:0;left:0;height:100%;max-width:none}.ai-ba-slider__handle{position:absolute;top:0;bottom:0;width:0;transform:translate(-50%);z-index:2;pointer-events:none}.ai-ba-slider__handle-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #013e5540}.ai-ba-slider__handle-knob{position:absolute;top:50%;left:50%;width:2rem;height:2rem;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--ai-cyan);box-shadow:0 4px 12px #0f172a40}.ai-ba-slider__handle-knob:before,.ai-ba-slider__handle-knob:after{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.ai-ba-slider__handle-knob:before{left:.35rem;border-width:.28rem .35rem .28rem 0;border-color:transparent var(--ai-navy) transparent transparent}.ai-ba-slider__handle-knob:after{right:.35rem;border-width:.28rem 0 .28rem .35rem;border-color:transparent transparent transparent var(--ai-navy)}.ai-ba-slider__tag{position:absolute;bottom:.5rem;z-index:3;padding:.18rem .45rem;border-radius:.35rem;color:#fff;font-size:.68rem;font-weight:800;pointer-events:none}.ai-ba-slider__tag--before{left:.5rem;background:var(--ai-navy)}.ai-ba-slider__tag--after{right:.5rem;background:var(--ai-cyan)}.ai-ba-slider__hint{margin:0;text-align:center;color:#64748b;font-size:.78rem}@media (max-width: 56rem){.ai-hair-preview__grid{grid-template-columns:1fr}.ai-hair-preview__headline{max-width:none}.ai-hair-preview__showcase{width:100%}}@media (max-width: 30rem){.ai-hair-preview__showcase{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.ai-hair-preview__demo-img{animation:none}}