#hair-tech-stack-s2bd447{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 8%,rgba(219,234,254,.9),transparent 32%),radial-gradient(circle at 92% 12%,rgba(233,213,255,.7),transparent 34%),linear-gradient(180deg,#fff,#f6f9ff);padding:clamp(64px,8vw,112px) 20px;color:#101828}#hair-tech-stack-s2bd447 .hair-tech-stack__inner{width:min(1200px,100%);margin:0 auto}#hair-tech-stack-s2bd447 .hair-tech-stack__header{display:grid;grid-template-columns:minmax(0,.86fr) minmax(300px,.64fr);gap:clamp(24px,5vw,70px);align-items:end;margin-bottom:clamp(34px,5vw,62px)}#hair-tech-stack-s2bd447 .hair-tech-stack__eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 15px;color:#2458e6;font-size:clamp(.92rem,1.04vw,1.08rem);font-weight:950;letter-spacing:.13em;text-transform:uppercase}#hair-tech-stack-s2bd447 .hair-tech-stack__eyebrow:before{content:"";width:48px;height:2px;border-radius:999px;background:#2458e6}#hair-tech-stack-s2bd447 .hair-tech-stack__heading{max-width:820px;margin:0;font-family:var(--font-heading-family);font-size:clamp(3rem,6.8vw,7rem);line-height:.9;letter-spacing:-.08em;color:#0b1324}#hair-tech-stack-s2bd447 .hair-tech-stack__heading em{display:block;color:#2458e6;font-style:italic;font-weight:950}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card{border:1px solid rgba(36,88,230,.13);border-radius:28px;background:#ffffffc7;box-shadow:0 22px 60px #0f172a14;padding:clamp(20px,3vw,28px)}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card strong{display:block;margin-bottom:9px;color:#0b1324;font-size:clamp(1.18rem,1.7vw,1.44rem);line-height:1.15;letter-spacing:-.025em}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card p{margin:0;color:#101828ad;font-size:clamp(1.08rem,1.34vw,1.2rem);line-height:1.55}#hair-tech-stack-s2bd447 .hair-tech-stack__stage{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,48px);align-items:stretch}#hair-tech-stack-s2bd447 .hair-tech-stack__visual,#hair-tech-stack-s2bd447 .hair-tech-stack__panel{border:1px solid rgba(36,88,230,.13);border-radius:36px;background:#ffffffdb;box-shadow:0 30px 90px #0f172a1a}#hair-tech-stack-s2bd447 .hair-tech-stack__visual{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:clamp(24px,4vw,36px);isolation:isolate}#hair-tech-stack-s2bd447 .hair-tech-stack__visual:before{content:"";position:absolute;inset:auto -20% -18% 20%;height:380px;border-radius:999px;background:radial-gradient(circle,rgba(96,165,250,.2),transparent 68%);z-index:-1}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:first-child{color:#2458e6;font-size:clamp(1.04rem,1.28vw,1.22rem);font-weight:950;letter-spacing:.1em;text-transform:uppercase}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:last-child{border-radius:999px;background:#0f172a;color:#fff;padding:11px 17px;font-size:clamp(.92rem,1.04vw,1.02rem);font-weight:950;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}#hair-tech-stack-s2bd447 .hair-tech-stack__scalp{position:relative;min-height:500px;border-radius:32px;background:linear-gradient(180deg,#eff6fff5 0 21%,#fdf2f8e6 21% 48%,#fee2e2c2 48% 100%);overflow:hidden;border:1px solid rgba(36,88,230,.1)}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name{position:absolute;left:20px;z-index:3;border-radius:999px;background:#ffffffbd;color:#0f172ac7;padding:10px 14px;font-size:clamp(.84rem,.95vw,.96rem);font-weight:850;letter-spacing:.07em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 28px #0f172a0f}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name--surface{top:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name--pathway{top:43%}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name--root{bottom:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__follicle{position:absolute;left:50%;top:30px;width:min(270px,58%);height:430px;transform:translate(-47%);z-index:4;pointer-events:none}#hair-tech-stack-s2bd447 .hair-tech-stack__follicle svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 38px rgba(37,99,235,.18))}#hair-tech-stack-s2bd447 .hair-tech-stack__hair-growth,#hair-tech-stack-s2bd447 .hair-tech-stack__hair-gloss{stroke-dasharray:520;stroke-dashoffset:520;animation:hairStrandGrow 6.4s ease-in-out infinite}#hair-tech-stack-s2bd447 .hair-tech-stack__hair-growth{filter:drop-shadow(0 0 12px rgba(96,165,250,.38))}#hair-tech-stack-s2bd447 .hair-tech-stack__hair-gloss{animation-delay:.16s}#hair-tech-stack-s2bd447 .hair-tech-stack__bulb-pulse{transform-box:fill-box;transform-origin:center;animation:hairBulbPulse 6.4s ease-in-out infinite}#hair-tech-stack-s2bd447 .hair-tech-stack__carrier-path{position:absolute;left:calc(50% + 40px);top:92px;width:118px;height:318px;border:2px dashed rgba(36,88,230,.28);border-left:0;border-bottom:0;border-radius:0 160px 0 0;z-index:2}#hair-tech-stack-s2bd447 .hair-tech-stack__particle{position:absolute;left:calc(50% + 42px);top:84px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#60a5fa 44%,#2458e6);box-shadow:0 0 0 8px #60a5fa29;z-index:5;animation:hairParticleDrop 6.4s ease-in-out infinite}#hair-tech-stack-s2bd447 .hair-tech-stack__particle--two{animation-delay:1.7s;transform:scale(.82);opacity:.76}#hair-tech-stack-s2bd447 .hair-tech-stack__particle--three{animation-delay:3.15s;transform:scale(.68);opacity:.64}#hair-tech-stack-s2bd447 .hair-tech-stack__caption{position:relative;z-index:6;margin-top:18px;border:1px solid rgba(36,88,230,.14);border-radius:24px;background:radial-gradient(circle at 96% 0%,rgba(96,165,250,.13),transparent 34%),#fff;color:#101828b8;padding:clamp(18px,2.4vw,24px);font-size:clamp(1.08rem,1.28vw,1.18rem);line-height:1.52;box-shadow:0 16px 42px #0f172a12}#hair-tech-stack-s2bd447 .hair-tech-stack__caption strong{display:block;color:#0b1324;margin-bottom:7px;font-size:clamp(1.32rem,1.7vw,1.58rem);line-height:1.08;letter-spacing:-.035em}#hair-tech-stack-s2bd447 .hair-tech-stack__panel{padding:clamp(22px,3.5vw,36px);display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at 100% 0%,rgba(96,165,250,.12),transparent 34%),linear-gradient(180deg,#ffffffeb,#ffffffd1)}#hair-tech-stack-s2bd447 .hair-tech-stack__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:18px;align-items:center;border:1px solid rgba(15,23,42,.075);border-radius:30px;background:radial-gradient(circle at 100% 0%,rgba(var(--module-rgb),.16),transparent 36%),linear-gradient(135deg,#fffffff5,rgba(var(--module-rgb),.055));padding:clamp(22px,2.8vw,30px);overflow:hidden;box-shadow:0 16px 42px #0f172a0e,inset 0 1px #ffffffe6}#hair-tech-stack-s2bd447 .hair-tech-stack__card:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:6px;border-radius:0 999px 999px 0;background:rgb(var(--module-rgb))}#hair-tech-stack-s2bd447 .hair-tech-stack__card:nth-child(1){--module-rgb: 36, 88, 230}#hair-tech-stack-s2bd447 .hair-tech-stack__card:nth-child(2){--module-rgb: 42, 127, 116}#hair-tech-stack-s2bd447 .hair-tech-stack__card:nth-child(3){--module-rgb: 124, 58, 237}#hair-tech-stack-s2bd447 .hair-tech-stack__card:nth-child(4){--module-rgb: 202, 94, 116}#hair-tech-stack-s2bd447 .hair-tech-stack__card--hero{border-color:#2458e633;box-shadow:0 22px 64px #2458e61f,inset 0 1px #ffffffe6}#hair-tech-stack-s2bd447 .hair-tech-stack__icon{display:grid;place-items:center;order:2;width:62px;height:62px;border-radius:23px;background:rgba(var(--module-rgb),.1);color:rgb(var(--module-rgb));box-shadow:inset 0 1px #ffffffd9}#hair-tech-stack-s2bd447 .hair-tech-stack__card--hero .hair-tech-stack__icon{background:linear-gradient(145deg,rgb(var(--module-rgb)),#60a5fa);color:#fff;box-shadow:0 14px 28px #2458e63d}#hair-tech-stack-s2bd447 .hair-tech-stack__icon svg{width:25px;height:25px}#hair-tech-stack-s2bd447 .hair-tech-stack__module-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;border-radius:999px;background:rgba(var(--module-rgb),.1);color:rgb(var(--module-rgb));padding:7px 10px;font-size:.78rem;font-weight:950;letter-spacing:.1em;line-height:1;text-transform:uppercase}#hair-tech-stack-s2bd447 .hair-tech-stack__module-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}#hair-tech-stack-s2bd447 .hair-tech-stack__card h3{margin:0;color:#0b1324;font-size:clamp(1.58rem,2.08vw,2rem);line-height:1.08;letter-spacing:-.035em}#hair-tech-stack-s2bd447 .hair-tech-stack__card p{margin:10px 0 0;color:#101828b3;font-size:clamp(1.08rem,1.34vw,1.2rem);line-height:1.55}#hair-tech-stack-s2bd447 .hair-tech-stack__comparison-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,48px)}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card{border:1px solid rgba(15,23,42,.08);border-radius:26px;background:#ffffffdb;padding:clamp(22px,2.4vw,28px);box-shadow:0 18px 50px #0f172a0f}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card--active{border-color:#2458e638;background:radial-gradient(circle at 100% 0%,rgba(96,165,250,.16),transparent 38%),linear-gradient(135deg,#fff,#eff6ff);color:#0b1324;box-shadow:0 20px 56px #2458e61c}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card span{display:inline-flex;border-radius:999px;background:#2458e61a;color:#2458e6;padding:7px 10px;font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card--active span{background:#2458e6;color:#fff}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card strong{display:block;margin-top:15px;font-size:clamp(1.34rem,1.8vw,1.68rem);line-height:1.1;letter-spacing:-.03em}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card p{margin:9px 0 0;color:#101828ad;font-size:clamp(1rem,1.14vw,1.1rem);line-height:1.5}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card--active p{color:#101828ad}@keyframes hairParticleDrop{0%{transform:translate(0) scale(.7);opacity:0}16%{opacity:1}48%{transform:translate(72px,118px) scale(1)}82%{transform:translate(28px,286px) scale(.82);opacity:1}to{transform:translate(12px,330px) scale(.45);opacity:0}}@keyframes hairStrandGrow{0%,48%{stroke-dashoffset:520;opacity:0}56%{opacity:1}90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.42}}@keyframes hairBulbPulse{0%,54%,to{transform:scale(1);opacity:.96}68%{transform:scale(1.06);opacity:1}}@media(max-width:940px){#hair-tech-stack-s2bd447 .hair-tech-stack__header,#hair-tech-stack-s2bd447 .hair-tech-stack__stage{grid-template-columns:1fr}}@media(max-width:720px){#hair-tech-stack-s2bd447{padding:48px 14px}#hair-tech-stack-s2bd447 .hair-tech-stack__header{gap:18px;margin-bottom:24px}#hair-tech-stack-s2bd447 .hair-tech-stack__heading{font-size:clamp(3rem,13vw,4.35rem)}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card{border-radius:22px;padding:16px}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card strong{font-size:1.12rem}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card p{font-size:.98rem;line-height:1.42}#hair-tech-stack-s2bd447 .hair-tech-stack__stage{gap:16px}#hair-tech-stack-s2bd447 .hair-tech-stack__comparison-strip{grid-template-columns:1fr;gap:10px;margin-top:18px}}@media(max-width:520px){#hair-tech-stack-s2bd447 .hair-tech-stack__visual{padding:14px;border-radius:24px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label{margin-bottom:14px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:first-child{font-size:.88rem}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:last-child{padding:8px 11px;font-size:.74rem}#hair-tech-stack-s2bd447 .hair-tech-stack__scalp{min-height:390px;border-radius:22px}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name{left:14px;padding:8px 11px;font-size:.76rem}#hair-tech-stack-s2bd447 .hair-tech-stack__particle{width:18px;height:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__follicle{width:70%;height:330px;top:38px}#hair-tech-stack-s2bd447 .hair-tech-stack__caption{border-radius:17px;padding:13px 14px;font-size:.98rem;line-height:1.38}#hair-tech-stack-s2bd447 .hair-tech-stack__caption strong{font-size:1.08rem}#hair-tech-stack-s2bd447 .hair-tech-stack__panel{gap:10px;padding:12px;border-radius:24px}#hair-tech-stack-s2bd447 .hair-tech-stack__card{grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;border-radius:18px;padding:12px}#hair-tech-stack-s2bd447 .hair-tech-stack__icon{order:-1;width:48px;height:48px;border-radius:16px}#hair-tech-stack-s2bd447 .hair-tech-stack__icon svg{width:24px;height:24px}#hair-tech-stack-s2bd447 .hair-tech-stack__module-kicker{margin-bottom:6px;padding:5px 8px;font-size:.66rem;letter-spacing:.08em}#hair-tech-stack-s2bd447 .hair-tech-stack__card h3{font-size:1.08rem;line-height:1.1}#hair-tech-stack-s2bd447 .hair-tech-stack__card p{margin-top:6px;font-size:.95rem;line-height:1.34}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card{border-radius:18px;padding:14px}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card p{font-size:.95rem}}@media(max-width:620px){#hair-tech-stack-s2bd447{padding:72px 18px}#hair-tech-stack-s2bd447 .hair-tech-stack__header{gap:26px;margin-bottom:34px}#hair-tech-stack-s2bd447 .hair-tech-stack__eyebrow{font-size:1.04rem;letter-spacing:.14em}#hair-tech-stack-s2bd447 .hair-tech-stack__heading{font-size:clamp(3.75rem,14vw,5.15rem);line-height:.94}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card{border-radius:25px;padding:21px}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card strong{font-size:1.58rem;line-height:1.16}#hair-tech-stack-s2bd447 .hair-tech-stack__lede-card p{margin-top:10px;font-size:1.48rem;line-height:1.52}#hair-tech-stack-s2bd447 .hair-tech-stack__stage{gap:20px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual{border-radius:30px;padding:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label{gap:12px;margin-bottom:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:first-child,#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:last-child{font-size:1rem;letter-spacing:.11em}#hair-tech-stack-s2bd447 .hair-tech-stack__visual-label span:last-child{padding:10px 13px}#hair-tech-stack-s2bd447 .hair-tech-stack__scalp{min-height:500px;border-radius:26px;overflow:hidden}#hair-tech-stack-s2bd447 .hair-tech-stack__layer-name{left:16px;padding:9px 12px;font-size:1rem;letter-spacing:.09em}#hair-tech-stack-s2bd447 .hair-tech-stack__follicle{width:74%;height:410px;top:52px;left:50%}#hair-tech-stack-s2bd447 .hair-tech-stack__particle{width:20px;height:20px}#hair-tech-stack-s2bd447 .hair-tech-stack__caption{border-radius:22px;padding:18px;font-size:1.48rem;line-height:1.5}#hair-tech-stack-s2bd447 .hair-tech-stack__caption strong{display:block;margin-bottom:6px;font-size:1.52rem;line-height:1.15}#hair-tech-stack-s2bd447 .hair-tech-stack__panel{gap:14px;border-radius:28px;padding:16px}#hair-tech-stack-s2bd447 .hair-tech-stack__card{grid-template-columns:60px minmax(0,1fr);gap:14px;border-radius:24px;padding:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__icon{order:0;grid-column:1;grid-row:1;align-self:start;width:60px;height:60px;border-radius:20px}#hair-tech-stack-s2bd447 .hair-tech-stack__card>div{order:1;grid-column:2;grid-row:1;min-width:0}#hair-tech-stack-s2bd447 .hair-tech-stack__module-kicker{margin-bottom:8px;padding:6px 9px;font-size:.88rem;letter-spacing:.1em}#hair-tech-stack-s2bd447 .hair-tech-stack__card h3{font-size:1.7rem;line-height:1.16}#hair-tech-stack-s2bd447 .hair-tech-stack__card p{margin-top:8px;font-size:1.48rem;line-height:1.48}#hair-tech-stack-s2bd447 .hair-tech-stack__comparison-strip{gap:14px;margin-top:22px}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card{border-radius:22px;padding:18px}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card span{font-size:.92rem;letter-spacing:.1em}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card strong{font-size:1.68rem;line-height:1.16}#hair-tech-stack-s2bd447 .hair-tech-stack__strip-card p{font-size:1.44rem;line-height:1.48}#hair-tech-stack-s2bd447 .hair-tech-stack__particle{animation-name:hairParticleDropMobile-s2bd447;left:calc(50% + 34px)}@keyframes hairParticleDropMobile-s2bd447{0%{transform:translate(0) scale(.72);opacity:0}14%{opacity:1}42%{transform:translate(48px,108px) scale(1);opacity:1}72%{transform:translate(22px,250px) scale(.86);opacity:1}to{transform:translate(10px,314px) scale(.52);opacity:0}}}@media(prefers-reduced-motion:reduce){#hair-tech-stack-s2bd447 .hair-tech-stack__particle,#hair-tech-stack-s2bd447 .hair-tech-stack__hair-growth,#hair-tech-stack-s2bd447 .hair-tech-stack__hair-gloss,#hair-tech-stack-s2bd447 .hair-tech-stack__bulb-pulse{animation:none}#hair-tech-stack-s2bd447 .hair-tech-stack__hair-growth,#hair-tech-stack-s2bd447 .hair-tech-stack__hair-gloss{stroke-dashoffset:0;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-df-hair-copper-tech-stack.css.map */