*,*:before,*:after{box-sizing:border-box}.proc{--bg:#FBF8F3;--card:#FFFFFF;--ink:#1A1410;--muted:#6F665B;--line:#ECE5D9;--primary:#F57C00;--primary-2:#FFB300;--primary-deep:#C95E00;--soft:rgba(245,124,0,.1);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent;color:var(--ink);position:relative;padding:48px 0 88px;-webkit-font-smoothing:antialiased}.proc *{box-sizing:border-box}.proc-inner{max-width:1440px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:2}.proc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:62px}.proc-head-text{max-width:640px}.proc-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-deep);background:var(--soft);border:1px solid rgba(245,124,0,.22);padding:7px 14px;border-radius:50px;margin-bottom:1.4rem}.proc-eyebrow svg{width:13px;height:13px}.proc-title{font-size:clamp(2rem,3.2vw,2.9rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;text-wrap:balance}.proc-title em{font-style:normal;color:var(--primary);position:relative;white-space:nowrap}.proc-title em:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.5em;z-index:-1;background:linear-gradient(180deg,transparent 60%,rgba(255,179,0,.32) 60%)}.proc-sub{font-size:18px;line-height:1.65;color:var(--muted);max-width:52ch;text-wrap:pretty}.proc-meter{flex-shrink:0;width:240px;padding-left:32px;border-left:2px solid var(--line)}.proc-meter-top{display:flex;flex-direction:column;gap:2px;margin-bottom:.85rem}.proc-meter-lead{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.proc-meter-big{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.proc-meter-big b{color:var(--primary)}.proc-bar{display:flex;gap:5px;height:9px}.proc-bar span{flex:var(--w,1);border-radius:50px;background:#f57c0029;position:relative;overflow:hidden}.proc-bar span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));transform:scaleX(1);transform-origin:left}.proc.in .proc-bar span:after{animation:procBar .7s cubic-bezier(.22,.8,.36,1) both;animation-delay:var(--d,0s)}@keyframes procBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.proc-bar-labels{display:flex;gap:5px;margin-top:8px}.proc-bar-labels span{flex:var(--w,1);font-size:10.5px;font-weight:600;color:var(--muted);text-align:center}.proc-timeline{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.proc-rail,.proc-rail-fill{position:absolute;top:48px;left:12.5%;right:12.5%;height:3px;border-radius:3px;z-index:0}.proc-rail{background:#1a141017}.proc-rail-fill{background:linear-gradient(90deg,var(--primary),var(--primary-2) 65%,var(--primary));box-shadow:0 0 16px #f57c0059;transform:scaleX(1);transform-origin:left}.proc.in .proc-rail-fill{animation:procRail 1.1s cubic-bezier(.4,0,.2,1) .15s both}@keyframes procRail{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.proc-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}.proc.in .proc-step{animation:procFadeUp .55s cubic-bezier(.22,.8,.36,1) both;animation-delay:var(--sd,0s)}@keyframes procFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.proc-node{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0}.proc-node b{font-size:38px;font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(135deg,var(--primary),var(--primary-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-color:var(--bg);padding:0 8px;font-variant-numeric:tabular-nums}.proc-node-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));margin-top:5px;box-shadow:0 0 0 4px var(--bg)}.proc-step--reward .proc-node b{background:linear-gradient(135deg,var(--primary-deep),var(--primary-2));-webkit-background-clip:text;background-clip:text}.proc-step--reward .proc-node-dot{background:linear-gradient(135deg,var(--primary-deep),var(--primary-2));box-shadow:0 0 0 4px var(--bg),0 4px 12px #f57c0073}.proc-card{width:100%;flex:1;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 4px #1a141008,0 10px 26px #1a14100d;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.proc-card:before{content:"";position:absolute;left:50%;top:-22px;width:2px;height:22px;transform:translate(-50%);background:linear-gradient(180deg,#f57c0080,#f57c001f)}.proc-step:hover .proc-card{transform:translateY(-4px);border-color:#f57c004d;box-shadow:0 6px 12px #1a14100d,0 22px 44px #1a14101a}.proc-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;padding-bottom:16px;position:relative}.proc-card-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-2) 40%,rgba(255,179,0,.15) 75%,transparent 100%);border-radius:2px}.proc-card-title{margin-top:16px}.proc-ico{--ico-soft:rgba(245,124,0,.16);width:54px;height:54px;border-radius:15px;flex-shrink:0;background:var(--soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.proc-ico svg{width:32px;height:32px;display:block}.proc-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--primary-deep);background:var(--soft);border:1px solid rgba(245,124,0,.2);padding:5px 11px;border-radius:50px;white-space:nowrap}.proc-tag svg{width:12px;height:12px}.proc-card-title{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.28;margin-bottom:8px}.proc-card-desc{font-size:15.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}.proc-proof{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;font-weight:600;color:#57534c;line-height:1.4}.proc-proof svg{width:14px;height:14px;color:#2f8a56;flex-shrink:0;margin-top:1px}.proc-step--reward .proc-card{background:linear-gradient(160deg,#fff3e3,#fffbf6);border:1.5px solid rgba(245,124,0,.5);box-shadow:0 14px 36px #f57c0026}.proc-step--reward .proc-card:before{background:linear-gradient(180deg,var(--primary),rgba(245,124,0,.3))}.proc-step--reward .proc-ico{--ico-soft:rgba(255,255,255,.45);background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.proc-step--reward .proc-tag{color:#fff;background:linear-gradient(135deg,var(--primary),#E86F00);border-color:transparent}.proc-step--reward .proc-proof{border-top-color:#f57c0038}.proc-foot{margin-top:58px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.proc-cta{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--primary),#E86F00);color:#fff;font-family:inherit;font-size:16.5px;font-weight:700;letter-spacing:-.01em;padding:18px 34px;border-radius:14px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 10px 28px #f57c0052,inset 0 1px #ffffff40;transition:transform .18s ease,box-shadow .18s ease}.proc-cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px #f57c006b,inset 0 1px #ffffff40}.proc-cta svg{width:18px;height:18px;transition:transform .18s ease}.proc-cta:hover svg{transform:translate(4px)}.proc-reassure{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--muted)}.proc-reassure b{color:var(--ink);font-weight:600}.proc-reassure svg{width:15px;height:15px;color:#2f8a56;flex-shrink:0}.proc-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.proc-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#5b5349;letter-spacing:.01em;background:#ffffffb3;border:1px solid var(--line);padding:7px 12px;border-radius:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.proc-chip svg{width:13px;height:13px;color:var(--primary);flex-shrink:0}@media(max-width:1040px){.proc-inner{padding:0 2.5rem}.proc-head{flex-direction:column;align-items:flex-start;gap:28px}.proc-meter{width:100%;max-width:420px;padding-left:0;border-left:none;border-top:2px solid var(--line);padding-top:20px}.proc-timeline{grid-template-columns:repeat(2,1fr);gap:36px 26px}.proc-rail,.proc-rail-fill{display:none}.proc-card:before{display:none}}.proc-watermark,.proc-dots{display:none}@media(max-width:600px){.proc{padding:32px 0 56px}.proc-inner{padding:0}.proc-head{margin-bottom:36px;padding:0 1.5rem}.proc-title{font-size:1.85rem}.proc-sub{font-size:15.5px}.proc-timeline{display:flex;flex-direction:row;grid-template-columns:unset;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:8px 1.5rem 20px}.proc-timeline::-webkit-scrollbar{display:none}.proc-step{flex:0 0 82vw;max-width:320px;min-width:240px;scroll-snap-align:center;flex-direction:column;align-items:stretch;gap:0;position:relative;padding-top:0}.proc-node{display:none}.proc-card{flex:1;padding:20px 18px 18px;overflow:hidden;position:relative;border-radius:18px}.proc-card:before{display:none}.proc-watermark{display:block;position:absolute;bottom:-14px;right:6px;font-size:100px;font-weight:800;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#f57c0012;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:inherit}.proc-step--reward .proc-watermark{color:#c8500017}.proc-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;padding:0 1.5rem}.proc-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:#f57c0038;padding:0;transition:width .25s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.proc-dot.is-active{width:24px;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.proc-ico{width:40px;height:40px}.proc-ico svg{width:24px;height:24px}.proc-card-title{font-size:15px}.proc-card-desc{font-size:13px}.proc-foot{margin-top:32px;padding:0 1.5rem}.proc-cta{width:100%;justify-content:center;font-size:14px;padding:14px 24px}}@media(prefers-reduced-motion:reduce){.proc.in .proc-step,.proc.in .proc-rail-fill,.proc.in .proc-bar span:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-prozess-timeline.css.map */