.how-to-use{--bg:#fff;--ink:#0b0b0f;--muted:#5b5f6a;--glass:rgba(255,255,255,.72);--glass-stroke:rgba(15,15,30,.08);--accent:rgb(208,192,246);--accent2:rgb(208,248,255);position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:var(--ink);padding-top:6.25rem;padding-bottom:6.25rem}@media screen and (max-width:47.9375em){.how-to-use{padding-top:3rem;padding-bottom:3rem}}.how-to-use .section-container{position:relative;z-index:2}.how-to-use__bg{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none}.how-to-use__blob{position:absolute;border-radius:9999px;filter:blur(60px);opacity:.55;mix-blend-mode:screen}.how-to-use__blob--1{width:54vmax;height:54vmax;background:radial-gradient(closest-side,var(--accent),transparent 70%);top:-12%;left:-10%}.how-to-use__blob--2{width:48vmax;height:48vmax;background:radial-gradient(closest-side,var(--accent2),transparent 65%);bottom:-18%;right:-6%}.how-to-use__noise{position:absolute;inset:-10%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0 .1 .18 .12 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06}.how-to-use__card{position:relative;z-index:2;background:var(--glass);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--glass-stroke);border-radius:0;box-shadow:0 30px 80px rgba(0,0,0,.12);padding:clamp(20px,3vw,28px)}.how-to-use__header{max-width:56.25rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;text-align:center}@media screen and (min-width:48em){.how-to-use__title span{display:inline-block;letter-spacing:0;background:#232323;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:unset;font-size:109px}}@media screen and (max-width:1399px){.how-to-use__title span{font-size:100px}}@media screen and (max-width:1023px){.how-to-use__title span{font-size:80px}}@media screen and (max-width:767px){.how-to-use__title span{display:block;font-size:49px}}.how-to-use__subtitle{font-size:1.5rem;line-height:1.08;max-width:27.5rem;margin-left:auto;margin-right:auto;margin-top:.75rem}@media screen and (max-width:47.9375em){.how-to-use__subtitle{font-size:1rem;line-height:1.1875;margin-top:.375rem}}.how-to-use__desc{font-size:1.125rem;line-height:1.35;max-width:32rem;margin-left:auto;margin-right:auto;margin-top:.5rem;color:var(--muted)}@media screen and (max-width:47.9375em){.how-to-use__desc{font-size:1rem;line-height:1.5}}.how-to-use__items{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:2rem}.how-to-use__item{position:relative;flex:0 1 230px;max-width:230px;border-radius:20px;background:rgba(255,255,255,.5);border:1px solid var(--glass-stroke);padding:18px;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.how-to-use__item:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.12)}@media screen and (max-width:1200px){.how-to-use__item{flex:0 1 calc(33.333% - 14.67px);max-width:calc(33.333% - 14.67px)}}@media screen and (max-width:900px){.how-to-use__item{flex:0 1 calc(50% - 11px);max-width:calc(50% - 11px)}}@media screen and (max-width:47.9375em){.how-to-use__items{margin-top:1.5rem;gap:16px}.how-to-use__item{flex:0 1 100%;max-width:100%}}.how-to-use__badge{position:absolute;top:-14px;left:-14px;width:46px;height:46px;border-radius:50%;background:linear-gradient(90deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#000;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.15);z-index:3}.how-to-use__media{width:100%;aspect-ratio:68/85;display:grid;place-items:center;margin:6px 0 10px;overflow:hidden;border-radius:14px}.how-to-use__media img,.how-to-use__media video{width:100%;height:100%;object-fit:cover;display:block}.how-to-use__item-inner{margin-top:.75rem}.how-to-use__item-title{margin:4px 0 16px;text-transform:uppercase;font-weight:700}@media screen and (max-width:47.9375em){.how-to-use__item-title{font-size:1.5rem;line-height:1}}.how-to-use__item-text{font-size:1rem;line-height:1.5;color:var(--muted);margin-top:.375rem}.how-to-use__item-text p{margin-bottom:.625rem}.how-to-use__item-text p:last-of-type{margin-bottom:0}.how-to-use h5{font-weight:700}