.cosmetics-page .reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}body.ready .reveal.visible{opacity:1;transform:translateY(0)}.cosmetics-page .del-1{transition-delay:.1s}.cosmetics-page .del-2{transition-delay:.2s}.cosmetics-page .del-3{transition-delay:.3s}.cosmetics-page .del-4{transition-delay:.4s}.cosmetics-page .del-5{transition-delay:.5s}body:not(.ready) .reveal{opacity:1;transform:none}.cosmetics-page .section-label{letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:600}.cosmetics-page .section-title{letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.cosmetics-page .section-sub{color:var(--text-body);max-width:600px;font-size:16px;line-height:1.7}.cosmetics-page .btn{background:var(--primary);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:16px 36px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.cosmetics-page .btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.cosmetics-page .btn svg{width:16px;height:16px;transition:transform .25s}.cosmetics-page .btn:hover svg{transform:translate(3px)}.cosmetics-page .btn-outline{color:#fff;letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:10px;padding:16px 36px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s;display:inline-flex}.cosmetics-page .btn-outline:hover{border-color:var(--primary);background:#ffffff0d}.cosmetics-page .hero{background:var(--bg-dark);justify-content:center;align-items:center;min-height:88vh;padding:80px 32px;display:flex;position:relative;overflow:hidden}.cosmetics-page .hero-bg{color:#d4804a08;letter-spacing:-4px;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-size:clamp(120px,20vw,280px);font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmetics-page .hero-content{text-align:center;z-index:1;max-width:740px;position:relative}.cosmetics-page .hero-breadcrumb{color:var(--text-muted);letter-spacing:.5px;margin-bottom:40px;font-size:12px;font-weight:500}.cosmetics-page .hero-breadcrumb span{color:#fff}.cosmetics-page .hero-tag{letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:24px;font-size:11px;font-weight:700;display:inline-block}.cosmetics-page .hero-tag:after{content:"";background:var(--primary);width:32px;height:2px;margin:12px auto 0;display:block}.cosmetics-page .hero h1{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;font-size:clamp(32px,5.5vw,56px);font-weight:800;line-height:1.15}.cosmetics-page .hero-sub{color:#ffffff8c;max-width:560px;margin:0 auto 56px;font-size:17px;line-height:1.8}.cosmetics-page .hero-sub strong{color:#fff;font-weight:600}.cosmetics-page .scroll-hint{color:#fff3;animation:2.5s ease-in-out infinite float;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.cosmetics-page .scroll-hint svg{width:20px;height:20px}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.cosmetics-page .cost-story{background:var(--bg-dark);height:400vh;position:relative}.cosmetics-page .cost-sticky{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.cosmetics-page .cost-stage{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 32px;display:flex;position:absolute}.cosmetics-page .setup-text{text-align:center;max-width:640px}.cosmetics-page .setup-line{color:#ffffff4d;font-size:clamp(22px,3.5vw,32px);font-weight:400;line-height:1.8}.cosmetics-page .setup-line strong{color:#fff;font-weight:700}.cosmetics-page .drops-wrap{flex-direction:column;align-items:center;gap:32px;display:flex}.cosmetics-page .drop-item{text-align:center}.cosmetics-page .drop-supplier{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:600}.cosmetics-page .drop-num{color:var(--red);letter-spacing:-3px;font-size:clamp(52px,12vw,88px);font-weight:800;line-height:1}.cosmetics-page .total-wrap{text-align:center}.cosmetics-page .total-tag{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.cosmetics-page .total-big{color:var(--red);letter-spacing:-4px;font-size:clamp(72px,16vw,140px);font-weight:800;line-height:1}.cosmetics-page .total-sub{color:#ffffff4d;max-width:480px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.cosmetics-page .merge-scene{background:var(--bg-dark);height:300vh;position:relative}.cosmetics-page .merge-sticky{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.cosmetics-page .merge-container{width:100%;max-width:600px;height:520px;margin:0 auto;position:relative}.cosmetics-page .m-box{will-change:transform,left,top;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.cosmetics-page .m-box-icon{border-radius:14px;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;display:flex}.cosmetics-page .m-box-label{color:#ffffff80;font-size:12px;font-weight:600}.cosmetics-page .m-box-cost{color:var(--red);font-size:15px;font-weight:800}.cosmetics-page .kol-node{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.cosmetics-page .kol-node img{border-radius:50%}.cosmetics-page .kol-text{color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.cosmetics-page .merge-resolve{text-align:center;width:100%;max-width:480px;padding:0 16px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cosmetics-page .resolve-tag{color:var(--green);letter-spacing:1px;text-transform:uppercase;background:#3cb37114;border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.cosmetics-page .resolve-num{color:var(--green);letter-spacing:-3px;font-size:clamp(48px,10vw,80px);font-weight:800;line-height:1}.cosmetics-page .resolve-vs{color:#ffffff80;margin-top:10px;font-size:16px}.cosmetics-page .resolve-vs .strike{color:var(--red);text-decoration:line-through}.cosmetics-page .resolve-saved{color:var(--green);background:#3cb3711a;border-radius:20px;margin-top:10px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.cosmetics-page .resolve-desc{color:#ffffff59;margin-top:16px;font-size:13px;line-height:1.7}.cosmetics-page .m-box-icon.a{background:#1a6b3c}.cosmetics-page .m-box-icon.b{background:#8b5cf6}.cosmetics-page .m-box-icon.c{background:#e0245e}.cosmetics-page .labeling-section{background:var(--bg);padding:0 32px 120px}.cosmetics-page .labeling-wrap{max-width:960px;margin:0 auto}.cosmetics-page .labeling-card{background:var(--bg-dark);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:clamp(40px,6vw,64px);display:grid;position:relative;overflow:hidden}@media (max-width:700px){.cosmetics-page .labeling-card{grid-template-columns:1fr}}.cosmetics-page .labeling-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4804a14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.cosmetics-page .labeling-left{z-index:1;position:relative}.cosmetics-page .labeling-badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:#d4804a1f;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.cosmetics-page .labeling-title{color:#fff;margin-bottom:16px;font-size:clamp(24px,3.5vw,36px);font-weight:800;line-height:1.2}.cosmetics-page .labeling-desc{color:#ffffff8c;margin-bottom:24px;font-size:15px;line-height:1.8}.cosmetics-page .labeling-desc strong{color:#fff;font-weight:600}.cosmetics-page .labeling-right{z-index:1;position:relative}.cosmetics-page .label-visual{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px 28px;position:relative}.cosmetics-page .label-header{border-bottom:2px solid var(--primary);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.cosmetics-page .label-flag{font-size:24px}.cosmetics-page .label-header-text{letter-spacing:1px;text-transform:uppercase;color:var(--text);font-size:12px;font-weight:700}.cosmetics-page .label-row{border-bottom:1px solid #f0efed;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.cosmetics-page .label-row:last-child{border-bottom:none}.cosmetics-page .label-key{color:var(--text-muted);font-weight:500}.cosmetics-page .label-val{color:var(--text);text-align:right;font-weight:600}.cosmetics-page .label-footer{border-top:2px solid var(--primary);align-items:center;gap:8px;margin-top:16px;padding-top:12px;display:flex}.cosmetics-page .label-kolivery{letter-spacing:1px;color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:700}.cosmetics-page .label-note{color:var(--text-muted);font-size:11px}.cosmetics-page .services-section{background:var(--bg-warm);padding:80px 32px}.cosmetics-page .services-wrap{max-width:960px;margin:0 auto}.cosmetics-page .services-header{margin-bottom:48px}.cosmetics-page .services-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:800px){.cosmetics-page .services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cosmetics-page .services-grid{grid-template-columns:1fr}}.cosmetics-page .service-link{border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px 24px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block}.cosmetics-page .service-link:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.cosmetics-page .service-num{color:var(--primary);letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.cosmetics-page .service-name{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.cosmetics-page .service-desc{color:var(--text-body);margin-bottom:12px;font-size:13px;line-height:1.6}.cosmetics-page .service-arrow{color:var(--primary);font-size:13px;font-weight:600}.cosmetics-page .cta{background:var(--bg-dark);padding:80px 32px;position:relative}.cosmetics-page .cta:before{content:"";pointer-events:none;background:radial-gradient(#d4804a0f 0%,#0000 70%);width:600px;height:400px;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.cosmetics-page .cta-inner{z-index:1;text-align:center;max-width:540px;margin:0 auto;position:relative}.cosmetics-page .cta-title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15}.cosmetics-page .cta-sub{color:#ffffff80;margin-bottom:40px;font-size:15px;line-height:1.7}.cosmetics-page .cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cosmetics-page .cta-note{color:var(--text-muted);margin-top:32px;font-size:13px;line-height:1.6}.cosmetics-page .cta-note a{color:var(--primary);font-weight:600;text-decoration:none}@media (max-width:768px){.cosmetics-page .hero{padding:60px 20px}.cosmetics-page .scene{padding:40px 20px}.cosmetics-page .services-section,.cosmetics-page .cta{padding:60px 20px}}@media (max-width:700px){.cosmetics-page .labeling-card{grid-template-columns:1fr}}
