.htu{--htu-forest: var(--htu-color-forest, #185025);--htu-green: var(--htu-color-green, #0f8f38);--htu-bright: var(--htu-color-bright, #00a63e);--htu-sage: var(--htu-color-sage, #eaf5ec);--htu-line: var(--htu-color-line, #cfe8d6);--htu-paper: #ffffff;--htu-ink: #14261a;--htu-ink-muted: #5b6f61;--htu-font-display: "Fraunces", Georgia, "Iowan Old Style", serif;--htu-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--htu-paper);color:var(--htu-ink);padding:clamp(3.5rem,7vw,6.5rem) 1.5rem;overflow:hidden}.htu *{box-sizing:border-box}.htu-inner{max-width:1080px;margin:0 auto}.htu-header{max-width:640px;margin:0 auto clamp(2.75rem,6vw,4.5rem);text-align:center}.htu-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--htu-font-body);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--htu-green);margin:0 0 .9rem}.htu-eyebrow svg{width:16px;height:16px;flex-shrink:0}.htu-title{font-family:var(--htu-font-display);font-weight:600;font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.15;color:var(--htu-forest);margin:0 0 .85rem;letter-spacing:-.01em}.htu-intro{font-family:var(--htu-font-body);font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.6;color:var(--htu-ink-muted);margin:0}.htu-timeline{position:relative;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,0)}.htu-timeline:before{content:"";position:absolute;top:6px;bottom:6px;left:28px;width:2px;background:linear-gradient(to bottom,var(--htu-line),var(--htu-green) 12%,var(--htu-green) 88%,var(--htu-line));border-radius:2px}.htu-step{position:relative;display:grid;grid-template-columns:56px 1fr;align-items:start;column-gap:1.1rem;padding:.6rem 0}.htu-node{position:relative;z-index:2;grid-column:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.htu-node__leaf{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.htu-node__leaf .htu-leaf-back{fill:var(--htu-sage)}.htu-node__leaf .htu-leaf-front{fill:var(--htu-green)}.htu-node__leaf .htu-leaf-vein{stroke:var(--htu-forest);stroke-width:1.4;fill:none;opacity:.55}.htu-node__num{position:relative;z-index:1;font-family:var(--htu-font-display);font-weight:600;font-size:1.02rem;color:var(--htu-paper)}.htu-card{grid-column:2;background:var(--htu-sage);border-radius:18px;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .25s ease,box-shadow .25s ease}.htu-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px #18502559}.htu-card__title{font-family:var(--htu-font-display);font-weight:600;font-size:1.18rem;color:var(--htu-forest);margin:0;line-height:1.3}.htu-card__desc{font-family:var(--htu-font-body);font-size:.96rem;line-height:1.6;color:var(--htu-ink-muted);margin:0}@media(min-width:768px){.htu-timeline:before{left:50%;transform:translate(-50%)}.htu-step{grid-template-columns:1fr 64px 1fr;column-gap:0;padding:.9rem 0}.htu-node{grid-column:2;justify-self:center;width:64px;height:64px}.htu-card{grid-column:3;margin-left:1.75rem;max-width:420px;width:100%;justify-self:start}.htu-step--reverse .htu-card{grid-column:1;margin-left:0;margin-right:1.75rem;justify-self:end;width:100%}.htu-card:before{content:"";position:absolute;top:30px;left:-1.75rem;width:1.75rem;height:2px;background:var(--htu-line)}.htu-step--reverse .htu-card:before{left:auto;right:-1.75rem}.htu-step--reverse .htu-node__leaf{transform:scaleX(-1)}}@media(min-width:1024px){.htu-card{max-width:440px}}.htu[data-animate=true] .htu-step{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.htu[data-animate=true] .htu-step.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.htu[data-animate=true] .htu-step{opacity:1;transform:none;transition:none}.htu-card{transition:none}}@media(max-width:480px){.htu{padding:3rem 1.1rem}.htu-timeline:before{left:24px}.htu-step{grid-template-columns:48px 1fr;column-gap:.85rem}.htu-node{width:48px;height:48px}.htu-node__num{font-size:.92rem}.htu-card{padding:1.15rem 1.2rem;border-radius:14px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/how-to-use.css.map */