.ug-section{padding:56px 24px}.ug-section--white{background-color:#fff}.ug-section--tint{background-color:#f1f1f1}.ug-inner{max-width:1152px;margin-inline:auto}@media screen and (min-width:750px){.ug-section{padding:96px 24px}}.ug-head{text-align:center;margin-bottom:64px}.ug-head__eyebrow{display:block;color:#d45391;font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.ug-head__title{margin:12px 0 0;font-size:36px;font-weight:700;line-height:1.15;color:#022e69;letter-spacing:normal}.ug-head__rule{width:96px;height:4px;margin:24px auto 0;border-radius:9999px;background:linear-gradient(to right,#d45391,#022e69)}.ug-head__text{max-width:672px;margin:24px auto 0;font-size:18px;line-height:1.6;color:#4b5563}@media screen and (min-width:750px){.ug-head__title{font-size:48px}}.ug-hero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:500px;background:linear-gradient(180deg,#d45391,#a83d73,#022e69)}.ug-hero__inner{position:relative;z-index:1;width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px;display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.ug-hero__art{order:1;text-align:center}.ug-hero__text{order:2;padding:0 24px 80px}.ug-hero__title{margin:0 0 24px;font-size:30px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:normal}.ug-hero__subtitle{max-width:672px;margin:0 0 40px;font-size:20px;font-weight:300;line-height:1.5;color:#ffffffe6}.ug-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:9999px;background-color:#681fa0;color:#fff;font-weight:500;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.ug-hero__cta:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px #0003;color:#fff}.ug-hero__curve{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.ug-hero__curve svg{display:block;width:100%;height:auto}@media screen and (min-width:990px){.ug-hero__inner{grid-template-columns:1fr 1fr}.ug-hero__art{order:2}.ug-hero__text{order:1;padding:128px 24px}.ug-hero__title{font-size:36px}.ug-hero__subtitle{font-size:24px}}.ug-compare{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.ug-panel{border-radius:24px;padding:32px;box-shadow:0 10px 15px -3px #022e691a,0 4px 6px -4px #022e691a}.ug-panel--plain{background-color:#f1f1f1;border:1px solid #eee}.ug-panel--brand{background:linear-gradient(135deg,#e5eaf0,#ccd5e1);border:2px solid #022e69;box-shadow:0 20px 25px -5px #022e691f,0 8px 10px -6px #022e691a}.ug-panel__title{margin:0 0 24px;font-size:24px;font-weight:600;text-align:center;color:#022e69;letter-spacing:normal}.ug-panel svg{display:block;width:100%;height:auto;margin-inline:auto}.ug-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}.ug-stat{padding:24px;border-radius:16px;text-align:center;background-color:#f1f1f1}.ug-stat__value{margin-bottom:8px;font-size:36px;font-weight:700;line-height:1.1;color:#022e69}.ug-stat__label{font-size:14px;color:#666}@media screen and (min-width:750px){.ug-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.ug-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.ug-process{padding:32px;border-radius:24px;box-shadow:0 20px 25px -5px #022e691f,0 8px 10px -6px #022e691a}.ug-process--white{background-color:#fff}.ug-process--tint{background-color:#f1f1f1}.ug-process__grid{display:grid;grid-template-columns:1fr;gap:32px}.ug-stage{text-align:center}.ug-stage__art{display:flex;align-items:center;justify-content:center;height:256px;margin-bottom:24px}.ug-stage__art svg{max-width:100%;max-height:100%}.ug-stage__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:128px;height:128px;border-radius:8px;color:#fff}.ug-stage__icon svg{width:64px;height:64px}.ug-stage__icon--pink{background:linear-gradient(135deg,#d45391,#f8a5c2)}.ug-stage__icon--navy{background:linear-gradient(135deg,#022e69,#0a4a8f)}.ug-stage__title{margin:0 0 8px;font-size:20px;font-weight:600;color:#022e69;letter-spacing:normal}.ug-stage__text{margin:0;font-size:14px;line-height:1.6;color:#666}.ug-detail{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;margin-top:64px}.ug-detail__title{margin:0 0 16px;font-size:30px;font-weight:700;color:#022e69;letter-spacing:normal}.ug-detail__text{margin:0 0 16px;line-height:1.6;color:#666}.ug-detail__art svg{display:block;width:100%;max-width:448px;height:auto;margin-inline:auto}.ug-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ug-checklist li{display:flex;align-items:flex-start;gap:12px;color:#666}.ug-checklist__tick{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-top:2px;border-radius:9999px;font-size:12px;font-weight:700;background-color:#d45391;color:#fff}@media screen and (min-width:750px){.ug-process{padding:48px}.ug-process__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ug-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}.ug-steps{display:flex;flex-direction:column;gap:32px;list-style:none;margin:0;padding:0}.ug-step{display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px;border-radius:24px;box-shadow:0 10px 15px -3px #022e691a,0 4px 6px -4px #022e691a}.ug-step--white{background-color:#fff}.ug-step--tint{background-color:#f1f1f1}.ug-step__art{flex-shrink:0}.ug-step__body{flex:1}.ug-step__head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.ug-step__number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:9999px;font-size:18px;font-weight:700;background-color:#d45391;color:#fff}.ug-step__number--large{width:80px;height:80px;font-size:20px}.ug-step__title{margin:0;font-size:24px;font-weight:600;color:#022e69;letter-spacing:normal}.ug-step__text{margin:0 0 16px;line-height:1.6;color:#666}.ug-tip{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}@media screen and (min-width:750px){.ug-step{flex-direction:row}}.ug-cards{display:grid;grid-template-columns:1fr;gap:32px}.ug-cards__title{margin:0 0 48px;font-size:30px;font-weight:700;text-align:center;color:#022e69;letter-spacing:normal}.ug-card{padding:24px;border-radius:16px;text-align:center;box-shadow:0 10px 15px -3px #022e691a,0 4px 6px -4px #022e691a}.ug-card--white{background-color:#fff}.ug-card--tint{background-color:#f1f1f1}.ug-card__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;border-radius:9999px;color:#fff}.ug-card__icon svg{width:32px;height:32px}.ug-card__icon--small svg{width:24px;height:24px}.ug-card__icon--pink{background-color:#d45391}.ug-card__icon--navy{background-color:#022e69}.ug-card__title{margin:0 0 12px;font-size:20px;font-weight:600;color:#022e69;letter-spacing:normal}.ug-card__text{margin:0;font-size:14px;line-height:1.6;color:#666}.ug-card__note{margin-top:8px;font-size:12px;color:#666}@media screen and (min-width:750px){.ug-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ug-cards__title{font-size:36px}}.ug-faq{display:flex;flex-direction:column;gap:16px}.ug-faq__item{border:1px solid #e8ecef;border-radius:8px;background-color:#fafbfc;transition:box-shadow .2s ease}.ug-faq__item:hover{box-shadow:0 2px 12px #d4539114}.ug-faq__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font-size:17px;font-weight:500;color:#022e69;transition:opacity .2s ease}.ug-faq__question::-webkit-details-marker{display:none}.ug-faq__question:hover{opacity:.8}.ug-faq__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#d45391;transition:transform .3s cubic-bezier(.4,0,.2,1)}.ug-faq__item[open] .ug-faq__icon{transform:rotate(180deg)}.ug-faq__answer{padding:0 24px 20px;font-size:15px;line-height:1.6;color:#555}.ug-faq__answer>*:first-child,.ug-faq__answer>*>*:first-child{margin-top:0}.ug-faq__answer>*:last-child,.ug-faq__answer>*>*:last-child{margin-bottom:0}.ug-safety{display:grid;grid-template-columns:1fr;gap:32px}.ug-safety__panel{padding:32px;border-radius:16px}.ug-safety__panel--avoid{background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fee2e2}.ug-safety__panel--safe{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #dcfce7}.ug-safety__title{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:20px;font-weight:600;letter-spacing:normal}.ug-safety__title svg{width:24px;height:24px;flex-shrink:0}.ug-safety__panel--avoid .ug-safety__title{color:#dc2626}.ug-safety__panel--safe .ug-safety__title{color:#059669}.ug-safety__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.ug-safety__list li{display:flex;align-items:flex-start;gap:12px;color:#334155}.ug-safety__list svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.ug-safety__panel--avoid .ug-safety__list svg{color:#ef4444}.ug-safety__panel--safe .ug-safety__list svg{color:#10b981}.ug-note{display:flex;align-items:flex-start;gap:16px;margin-top:32px;padding:24px;border:1px solid #fde68a;border-radius:12px;background-color:#fffbeb}.ug-note svg{width:24px;height:24px;flex-shrink:0;color:#f59e0b}.ug-note__title{margin:0 0 4px;font-size:16px;font-weight:600;color:#92400e;letter-spacing:normal}.ug-note__text{margin:0;font-size:14px;line-height:1.6;color:#b45309}@media screen and (min-width:750px){.ug-safety{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes ug-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ug-diffuse{0%{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.6}to{opacity:0;transform:translateY(-40px) scale(1.2)}}@keyframes ug-absorb{0%{height:0}to{height:var(--absorb-height)}}@keyframes ug-pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(212,83,145,.3))}50%{filter:drop-shadow(0 0 20px rgba(212,83,145,.6))}}@keyframes ug-wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes ug-draw-strand{to{stroke-dashoffset:0}}.ug-float{display:inline-block;max-width:100%;margin-top:100px;animation:ug-float 3s ease-in-out infinite}.ug-float svg{display:block;width:100%;max-width:384px;height:auto;margin-inline:auto}.ug-pulse-glow{animation:ug-pulse-glow 2s ease-in-out infinite}.ug-wiggle{animation:ug-wiggle 4s ease-in-out infinite}.ug-particle{animation:ug-diffuse 2.5s ease-out infinite}.ug-absorb{animation:ug-absorb 2s ease-out forwards}.ug-strand{stroke-dasharray:100;stroke-dashoffset:100;animation:ug-draw-strand 1.5s ease-out forwards}@media screen and (min-width:990px){.ug-float{margin-top:0}}@media(prefers-reduced-motion:reduce){.ug-float,.ug-pulse-glow,.ug-wiggle,.ug-particle,.ug-absorb,.ug-strand{animation:none}.ug-absorb{height:var(--absorb-height)}.ug-strand{stroke-dashoffset:0}}.ug-hero--banner{display:block;min-height:0;background:none;overflow:visible}.ug-hero__banner{line-height:0}.ug-hero__banner-img{display:block;width:100%;height:auto;object-fit:cover}.ug-hero__below{max-width:1280px;margin-inline:auto;padding:40px 24px 8px;text-align:center}.ug-hero__below-subtitle{max-width:672px;margin:0 auto 32px;font-size:18px;font-weight:300;line-height:1.5;color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.ug-hero__below{padding:56px 24px 8px}.ug-hero__below-subtitle{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/frshnd-usage-guide.css.map */