.dtf-process-section{--dfp-ink: #181818;--dfp-muted: #595959;--dfp-accent: #ff5500;--dfp-cyan: #00b9e8;--dfp-magenta: #d11270;--dfp-yellow: #f5b300;--dfp-border: rgba(0, 0, 0, .08);--dfp-radius: 8px;position:relative;width:100%;background-color:var(--dfp-bg, #ffffff);box-sizing:border-box;overflow:hidden}.dtf-process-container{max-width:1440px;margin:0 auto;padding:0 24px;box-sizing:border-box}@media screen and (min-width:990px){.dtf-process-container{padding:0 40px}}.dtf-process-header{display:flex;flex-direction:column;gap:20px;margin-bottom:34px}@media screen and (min-width:768px){.dtf-process-header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}}.dtf-process-header-left{max-width:680px}.dtf-process-kicker{display:inline-flex;align-items:center;gap:8px;background:#ff55001a;border:1px solid rgba(255,85,0,.25);color:#f50;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:14px;line-height:1.2}.dtf-process-kicker-dot{width:6px;height:6px;border-radius:50%;background:#f50;box-shadow:0 0 8px #f50;animation:processPulse 2s infinite ease-in-out}@keyframes processPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}.dtf-process-heading{font-family:Montserrat,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--dfp-ink);line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}.dtf-process-heading-accent{font-family:Montserrat,sans-serif;font-style:normal;font-weight:900;background:linear-gradient(135deg,#f50,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-.02em}.dtf-process-subtext{font-size:clamp(14px,1.2vw,16px);color:#64748b;line-height:1.6;margin:0;max-width:580px}.dtf-process-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.dtf-process-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f50,#f70);color:#fff!important;font-size:13.5px;font-weight:700;padding:12px 22px;border-radius:10px;text-decoration:none;border:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #ff550052;white-space:nowrap}.dtf-process-cta-btn:hover{background:linear-gradient(135deg,#f60,#f81);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 24px #ff55007a}.dtf-process-cta-btn svg{transition:transform .25s ease}.dtf-process-cta-btn:hover svg{transform:translate(4px)}.dtf-process-steps{display:grid;grid-template-columns:1fr;gap:24px;list-style:none;margin:0;padding:0}@media screen and (min-width:820px){.dtf-process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media screen and (min-width:1200px){.dtf-process-steps{gap:26px}}.dtf-process-step{--step-color: var(--dfp-cyan);--step-num-text: var(--dfp-ink);--step-bg: #f2fbfd;display:flex;flex-direction:column;min-width:0}.dtf-process-step:nth-child(2){--step-color: var(--dfp-magenta);--step-num-text: #ffffff;--step-bg: #fdf2f7}.dtf-process-step:nth-child(3){--step-color: var(--dfp-yellow);--step-num-text: var(--dfp-ink);--step-bg: #fffdf0}.dtf-step-top{display:flex;align-items:center;gap:12px;padding:0 4px 14px}.dtf-step-num{padding:4px 10px;border-radius:6px;background-color:var(--step-color);color:var(--step-num-text);font-size:32px;font-weight:850;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000014}.dtf-step-who{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#484848;white-space:nowrap}.dtf-step-line{height:2px;flex:1;background-color:var(--step-color);opacity:.85}.dtf-step-arrow{font-size:8px;color:var(--dfp-ink);display:none}@media screen and (min-width:820px){.dtf-step-arrow{display:inline-block}}.dtf-step-panel{display:flex;flex:1;flex-direction:column;overflow:hidden;border:1px solid var(--dfp-border);border-radius:var(--dfp-radius);background-color:var(--step-bg);box-shadow:0 4px 20px #00000008;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.dtf-step-panel:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014;border-color:#00000024}.dtf-step-photo{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;background-color:#ededed;border-bottom:4px solid var(--step-color);text-decoration:none}.dtf-step-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.dtf-step-panel:hover .dtf-step-photo img{transform:scale(1.04)}.dtf-step-photo-tag{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:6px 12px;background-color:var(--step-color);color:var(--step-num-text);border-radius:6px;font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 2px 8px #0000001f}.dtf-step-copy{display:flex;flex:1;flex-direction:column;padding:24px 22px 20px}.dtf-step-title{font-size:clamp(20px,1.8vw,24px);font-weight:800;color:var(--dfp-ink);line-height:1.25;margin:0 0 12px;letter-spacing:-.01em}.dtf-step-text{font-size:14.5px;line-height:1.65;color:#484848;margin:0 0 20px;flex:1}.dtf-step-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:var(--dfp-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:currentColor;margin-top:auto;transition:color .2s ease}.dtf-step-link:hover{color:var(--dfp-accent)}.dtf-step-link svg{width:14px;height:14px;fill:currentColor;transition:transform .2s ease}.dtf-step-link:hover svg{transform:translate(3px)}.dtf-process-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:22px 24px;margin-top:32px;border-radius:12px;background-color:#faf8f5;border:1px solid rgba(0,0,0,.06)}.dtf-process-note p{margin:0;font-size:14.5px;color:var(--dfp-muted)}.dtf-process-note strong{color:var(--dfp-ink);font-weight:750}.dtf-process-note-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:var(--dfp-accent);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.dtf-process-note-link:hover{color:#9c2e10}.dtf-process-note-link svg{width:14px;height:14px;fill:currentColor;transition:transform .2s ease}.dtf-process-note-link:hover svg{transform:translate(3px)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-dtf-process.css.map */