.of-grad-text{background:linear-gradient(100deg,#d946ef,#ff3d7f 55%,#ff8a5c);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.of-demo-card .lp-tile-stage{align-items:flex-end;padding:18px;background:#ecc9c6}.of-demo-card .lp-tile-stage:before{display:none}.of-stage-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%;animation:of-zoom 18s ease-in-out infinite alternate}@keyframes of-zoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.of-pin{position:absolute;z-index:1;display:flex;align-items:center;gap:6px;transform:translate(-7px,-50%);animation:rh-msg-in .5s var(--d) cubic-bezier(.2,.9,.25,1.4) both}.of-pin i{position:relative;flex:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff73,0 4px 10px #501e2859}.of-pin i:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:of-ping 2.4s ease-out infinite;animation-delay:var(--d)}@keyframes of-ping{to{transform:scale(2);opacity:0}}.of-pin b{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--lp-ink);background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 18px -10px #3c142880}.of-pin:nth-of-type(n+4){flex-direction:row-reverse;transform:translate(calc(-100% + 7px),-50%)}.of-look{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:#ffffffdb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px -24px #50143299,0 0 0 1px #fff9;animation:rh-msg-in .7s .4s cubic-bezier(.2,.9,.25,1.2) both}.of-look>div{flex:1;min-width:0}.of-look small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.of-look b{font-size:15.5px;letter-spacing:-.02em}.of-look-palette{display:flex}.of-look-palette i{width:24px;height:24px;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 2px #fff}.of-look-temp{padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#a21caf;background:#fae8ff}@media (max-width: 480px){.of-look-temp{display:none}.of-pin b{font-size:11px;padding:4px 8px}}.of-studio{scroll-margin-top:100px}.of-num{background:linear-gradient(135deg,#d946ef,#ff3d7f);box-shadow:0 10px 20px -10px #d946efcc}.of-segment{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:14px;border-radius:16px;background:#f6f1f8;box-shadow:inset 0 0 0 1px var(--lp-line)}.of-segment button{position:relative;z-index:1;padding:11px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;color:var(--lp-muted);transition:color .3s}.of-segment button.is-on{color:var(--lp-ink)}.of-segment-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:#fff;box-shadow:0 6px 16px -8px #46143c66;transform:translate(calc(var(--i) * 100%));transition:transform .4s cubic-bezier(.2,.9,.25,1.1)}.of-cards,.of-temps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 640px){.of-cards{grid-template-columns:repeat(3,1fr)}}.of-temps{grid-template-columns:repeat(3,1fr)}.of-cards button,.of-temps button,.of-styles button{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;border:0;text-align:left;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--lp-ink-2);background:#fbf7fb;box-shadow:0 0 0 1px var(--lp-line);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s}.of-cards button span,.of-temps button span{font-size:20px}.of-cards button:hover,.of-temps button:hover,.of-styles button:hover{transform:translateY(-1px)}.of-cards button.is-on,.of-temps button.is-on,.of-styles button.is-on{color:var(--lp-ink);background:#fff;box-shadow:0 0 0 2px #d946ef,0 14px 28px -18px #d946efe6}.of-temps button{flex-direction:column;gap:4px;text-align:center}.of-temps button.is-calor.is-on{background:linear-gradient(180deg,#fff7ed,#fff);box-shadow:0 0 0 2px #fb923c,0 14px 28px -18px #fb923ce6}.of-temps button.is-frío.is-on{background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 0 0 2px #60a5fa,0 14px 28px -18px #60a5fae6}.of-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 380px){.of-styles,.of-cards{grid-template-columns:1fr}}.of-mini-palette{flex:none;display:flex}.of-mini-palette i{width:18px;height:18px;margin-left:-5px;border-radius:50%;box-shadow:0 0 0 2px #fff}.of-mini-palette i:first-child{margin-left:0}.of-custom{margin-top:12px;color:#d946ef}.of-custom:focus-within{border-color:#d946ef99;box-shadow:0 0 0 4px #d946ef1f}.of-prefs{margin:14px 0 10px}.of-need{margin-top:-4px;text-align:center;font-size:13px;color:var(--lp-muted)}.of-panel{background:radial-gradient(120% 80% at 50% 0%,rgba(217,70,239,.12),transparent 60%),linear-gradient(180deg,#fdf7fd,#fbf4fa);box-shadow:0 0 0 1px var(--lp-line),0 40px 80px -50px #d946ef80}.of-dot{background:#d946ef!important;box-shadow:0 0 0 4px #d946ef29!important}.of-board{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--lp-line),0 30px 60px -40px #46143c73}.of-board-palette{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;height:120px}.of-board-palette i{transition:background .6s ease;transition-delay:calc(var(--i) * .07s)}.of-board.is-loading .of-board-palette i{animation:of-breathe 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .15s)}@keyframes of-breathe{to{filter:brightness(1.15) saturate(1.2)}}.of-board-tags{display:flex;flex-wrap:wrap;gap:6px;padding:14px}.of-board-tags span{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--lp-muted);background:#f7f2f7;transition:background .3s,color .3s}.of-board-tags span.is-set,.of-board-tags span:first-child{color:var(--lp-ink);background:#fae8ff}.of-empty{display:flex;align-items:flex-start;gap:8px;margin-top:18px;font-size:14.5px;line-height:1.5;color:var(--lp-muted)}.of-empty svg{flex:none;margin-top:2px;color:#d946ef}.of-loading{display:flex;flex-direction:column;gap:10px;margin-top:18px}.of-loading>svg{color:#d946ef}.of-loading>span{font-size:14px;font-weight:600;color:var(--lp-ink-2);animation:lp-faq-in .35s ease both}.of-result{margin-top:16px;animation:lp-faq-in .45s ease both}.of-md{padding:0!important;box-shadow:none!important;background:none!important}.of-md li::marker{color:#d946ef}.of-section{margin-top:14px;padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,#fdf4ff,#fff1f5)}.of-section.is-tip{background:linear-gradient(120deg,#ecfdf5,#fdf4ff)}.of-section>small{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a21caf}.of-section.is-tip>small{color:#047857}.of-actions{margin-top:14px}.of-colors-grid{display:grid;gap:40px;align-items:center}@media (min-width: 1000px){.of-colors-grid{grid-template-columns:1fr 1fr;gap:72px}}.of-colors-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.of-swatches{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.of-swatches button{width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #00000014,0 10px 20px -12px #00000080;transition:transform .3s cubic-bezier(.2,.9,.25,1.6),box-shadow .3s}.of-swatches button:hover{transform:translateY(-3px)}.of-swatches button.is-on{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c),0 14px 26px -12px #00000080}.of-color-card{display:grid;overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 0 0 1px var(--lp-line),0 60px 100px -60px var(--c);transition:box-shadow .6s ease}@media (min-width: 640px){.of-color-card{grid-template-columns:1fr 1fr;min-height:460px}}.of-garment{position:relative;min-height:340px;display:grid;place-items:center;background:radial-gradient(90% 80% at 50% 35%,#fff,color-mix(in srgb,var(--c) 30%,#f6f2ee));transition:background .6s ease}.of-garment-glow{position:absolute;top:18%;right:14%;bottom:18%;left:14%;border-radius:50%;background:color-mix(in srgb,var(--c) 45%,transparent);filter:blur(50px);opacity:.6;transition:background .6s ease}.of-garment-shirt{position:relative;width:min(360px,96%);aspect-ratio:1;isolation:isolate;filter:drop-shadow(0 26px 30px rgba(30,15,25,.28));animation:of-sway 6s ease-in-out infinite alternate;transform-origin:50% 4%}@keyframes of-sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.of-garment-tint,.of-garment-shirt img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.of-garment-tint{background:var(--c);-webkit-mask:var(--shirt) center / contain no-repeat;mask:var(--shirt) center / contain no-repeat;transition:background .6s ease}.of-garment-shirt img.is-shade{mix-blend-mode:multiply}.of-garment-shirt img.is-light{mix-blend-mode:screen;opacity:var(--hl);transition:opacity .6s ease}.of-garment-hex{position:absolute;left:18px;bottom:16px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--lp-ink-2);background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.of-color-info{display:flex;flex-direction:column;justify-content:center;padding:30px 28px;animation:lp-faq-in .45s ease both}.of-color-info h3{font-size:clamp(32px,3.4vw,44px);font-weight:700;letter-spacing:-.045em;line-height:1}.of-color-says{align-self:flex-start;margin:12px 0;padding:6px 12px;border-radius:999px;font-size:13.5px;font-weight:700;color:color-mix(in srgb,var(--c) 70%,#1a1020);background:color-mix(in srgb,var(--c) 14%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}.of-color-info p{font-size:15px;line-height:1.55;color:var(--lp-ink-2)}.of-color-meta{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--lp-line)}.of-color-meta small{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.of-color-pairs{display:flex;align-items:center}.of-color-pairs i{width:30px;height:30px;margin-right:-8px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 6px 12px -6px #0006}.of-color-pairs:before{content:"";width:30px;height:30px;margin-right:-8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px #fff,0 6px 12px -6px #0006;transition:background .6s ease}.of-color-ideal{display:flex;flex-wrap:wrap;gap:6px}.of-color-ideal b{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--lp-ink-2);background:#f7f2f5}.of-dress-head{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:700px;margin:0 auto 44px;text-align:center}.of-plans{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:14px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.of-plans::-webkit-scrollbar{display:none}@media (min-width: 1000px){.of-plans{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible}}@media (max-width: 999px){.of-plans{grid-auto-columns:74%;margin:0 -20px;padding-inline:20px}}.of-plan{scroll-snap-align:center;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px var(--lp-line),0 30px 60px -50px #46143c80;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.of-plan:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #d946ef59,0 40px 70px -40px #d946ef8c}.of-plan header{display:flex;align-items:center;gap:12px}.of-plan-emoji{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font-size:24px;background:#fdf4ff}.of-plan h3{font-size:20px;font-weight:700;letter-spacing:-.03em}.of-level{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.of-level small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-muted)}.of-level span{display:flex;gap:4px}.of-level i{width:16px;height:6px;border-radius:6px;background:#f1e9f2}.of-level i.is-on{background:linear-gradient(90deg,#d946ef,#ff3d7f)}.of-yes,.of-no{display:grid;gap:7px;font-size:14px;line-height:1.4}.of-yes li{display:flex;align-items:flex-start;gap:7px;color:var(--lp-ink-2)}.of-yes svg{flex:none;margin-top:2px;color:#10b981}.of-no{padding-top:12px;border-top:1px dashed var(--lp-line)}.of-no li{color:#be123c;font-weight:500}.of-how-img img{max-width:460px;margin:0 auto}.of-how-icon{font-size:22px}.of-cta .nm-cta-copy h2 .lp-serif{background:linear-gradient(100deg,#f0abfc,#ffc08f);-webkit-background-clip:text;background-clip:text;color:transparent}@media (prefers-reduced-motion: reduce){.of-stage-img,.of-garment-shirt,.of-pin i:after{animation:none}}@media (max-width: 639px){.of-garment{min-height:300px}.of-garment-shirt{width:min(250px,72%)}}