.dhu-section{padding:5rem 0;background:var(--c-bg-soft);font-family:var(--font-body)}.dhu-container{max-width:880px;margin:0 auto;padding:0 1.25rem}.dhu-head{text-align:center;margin-bottom:3.5rem}.dhu-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);font-weight:700;padding:.35rem .85rem;background:rgba(var(--c-accent-rgb),.08);border-radius:99px;display:inline-block;margin-bottom:1.25rem}.dhu-heading{font-family:var(--font-heading);font-size:clamp(1.85rem,4vw,3rem);line-height:1.1;margin:0 0 1rem;font-weight:600;color:var(--c-ink);letter-spacing:-.018em}.dhu-heading em{color:var(--c-accent);font-style:italic;font-weight:500}.dhu-sub{font-size:1.0625rem;line-height:1.65;color:var(--c-ink-muted);max-width:640px;margin:0 auto}.dhu-steps{display:flex;flex-direction:column;gap:0}.dhu-step{position:relative;display:grid;grid-template-columns:80px 1fr;gap:1.5rem;align-items:flex-start}.dhu-step+.dhu-step{margin-top:2.25rem}.dhu-step-number{width:80px;height:80px;border-radius:50%;background:#fff;border:2px solid var(--step-c);color:var(--step-c);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.65rem;font-weight:700;flex-shrink:0;position:relative;z-index:2;box-shadow:0 8px 20px #14233f14}.dhu-step-number span{line-height:1;font-feature-settings:"tnum" 1}.dhu-step-number:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--step-c) 30%,transparent);opacity:0;transition:opacity .4s,transform .4s}.dhu-step:hover .dhu-step-number:before{opacity:1;transform:rotate(45deg)}.dhu-step-card{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:1.5rem 1.75rem;transition:all .3s ease;flex:1;margin-top:.35rem}.dhu-step:hover .dhu-step-card{transform:translate(4px);border-color:var(--step-c);box-shadow:0 12px 28px #14233f1a}.dhu-step-icon{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--step-c) 12%,#fff);color:var(--step-c);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.8rem}.dhu-step-title{font-family:var(--font-heading);font-weight:600;font-size:1.25rem;line-height:1.2;color:var(--c-ink);margin:0 0 .5rem;letter-spacing:-.005em}.dhu-step-desc{font-size:.98rem;line-height:1.65;color:var(--c-ink-muted);margin:0}.dhu-step-desc strong{color:var(--c-ink);font-weight:700}.dhu-connector{position:absolute;left:39px;top:80px;bottom:-2.25rem;width:2px;background:linear-gradient(180deg,var(--step-c) 0%,transparent 100%);opacity:.35;z-index:1}.dhu-note{margin:3rem auto 0;text-align:center;font-style:italic;font-size:.92rem;color:var(--c-ink-soft);max-width:540px}@media(max-width:720px){.dhu-section{padding:3rem 0}.dhu-step{grid-template-columns:60px 1fr;gap:1rem}.dhu-step-number{width:60px;height:60px;font-size:1.25rem}.dhu-connector{left:29px;top:60px}.dhu-step-card{padding:1.1rem 1.25rem}.dhu-step-title{font-size:1.1rem}.dhu-step-desc{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-delfino-how-to-use.css.map */