@media(min-width:1024px){.hero-media[data-astro-cid-ewxirvlt] img[data-astro-cid-ewxirvlt]{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,#000 30%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,#000 30%)}}.ocd{width:100%;max-width:320px}.ocd-stage{position:relative;width:100%;aspect-ratio:390 / 760;overflow:hidden;border-radius:30px;background:#f0f0f0;border:1px solid rgba(28,26,25,.14);box-shadow:0 18px 40px -18px #1c1a1959}.ocd-phone{position:absolute;top:0;left:0;width:390px;height:760px;transform-origin:top left;transform:scale(var(--ocd-scale, .769))}.ocd-screen{position:absolute;inset:0;opacity:0;transition:opacity .35s ease;pointer-events:none}.ocd-screen.is-on{opacity:1}.ocd-track{position:relative;height:16px;width:100%;overflow:hidden;border-radius:9999px;background:#f1f5f9}.ocd-fill{height:100%;width:100%;background:#ff809b;transition:transform .15s cubic-bezier(.4,0,.2,1)}.ocd-step-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ocd-step-label{font-size:14px;font-weight:500;color:#020817}.ocd-step-pct{font-size:14px;font-variant-numeric:tabular-nums;color:#020817}.ocd-upload{background:#f0f0f0;display:flex;flex-direction:column;align-items:center;padding:28px 26px 32px}.ocd-upload-title{font-family:var(--font-playfair);font-weight:700;font-size:17px;color:#1a1a2e;margin-bottom:auto;padding-bottom:22px}.ocd-dropzone{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:24px;border:2px dashed rgba(0,0,0,.15);overflow:hidden;background:#fff}.ocd-dropzone-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#00000059;font-size:13px;transition:opacity .3s ease}.ocd-upload.is-photo-in .ocd-dropzone-empty{opacity:0}.ocd-upload-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(.94) translateY(8px)}.ocd-upload.is-photo-in .ocd-upload-photo{animation:ocdPhotoIn .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes ocdPhotoIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ocd-upload-status{position:relative;width:100%;margin-top:26px;margin-bottom:auto;min-height:42px}.ocd-upload-bar{opacity:0;transition:opacity .25s ease}.ocd-upload.is-uploading .ocd-upload-bar{opacity:1}.ocd-upload-done{position:absolute;inset:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#020817;opacity:0;transition:opacity .25s ease}.ocd-upload.is-ready .ocd-upload-bar{opacity:0}.ocd-upload.is-ready .ocd-upload-done{opacity:1}.ocd-upload-check{width:22px;height:22px;border-radius:9999px;background:#fe6f91;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ocd-analyzing{background:#f0f0f0;display:flex;flex-direction:column}.ocd-scan{position:relative;z-index:2;width:100%;aspect-ratio:3 / 4;flex-shrink:0;overflow:hidden;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 6px 16px -6px #00000059}.ocd-scan-photo{width:100%;height:100%;object-fit:cover;object-position:top}.ocd-scan-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.ocd-screen.is-on .ocd-scan-canvas{animation:ocdScanFadeIn .6s ease forwards}@keyframes ocdScanFadeIn{0%{opacity:0}to{opacity:1}}.ocd-scan-top{position:absolute;top:0;left:0;right:0;padding:40px 16px 48px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);pointer-events:none}.ocd-scan-title{font-family:var(--font-playfair);font-size:24px;font-weight:700;color:#fff;text-align:center}.ocd-chips{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 30px;display:flex;gap:4px;justify-content:center;flex-wrap:nowrap;background:linear-gradient(to top,rgba(0,0,0,.35),transparent);pointer-events:none}.ocd-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:9999px;white-space:nowrap;background:#5a555fb8;border:1px solid rgba(180,170,185,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .45s ease,border-color .45s ease;opacity:0}.ocd-screen.is-on .ocd-chip{animation:ocdChipAppear .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ocdChipAppear{0%{opacity:0;transform:scale(.72) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.ocd-chip.is-done{background:#ff4b7d47;border-color:#ff8ca580}.ocd-chip-glyph{font-size:10px;line-height:1;color:#dcd7e1d9;transition:color .45s ease}.ocd-chip-label{font-size:11px;font-weight:500;line-height:1;color:#dcd7e1d9;transition:color .45s ease}.ocd-chip.is-done .ocd-chip-glyph,.ocd-chip.is-done .ocd-chip-label{color:#fff}.ocd-corner{position:absolute;width:26px;height:26px;opacity:0;filter:drop-shadow(0 0 4px rgba(255,95,140,.85))}.ocd-screen.is-on .ocd-corner{animation:ocdCornerAppear .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ocdCornerAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ocd-corner-tl{top:20px;left:20px;border-top:2px solid rgba(255,95,140,.95);border-left:2px solid rgba(255,95,140,.95);animation-delay:.15s}.ocd-corner-tr{top:20px;right:20px;border-top:2px solid rgba(255,95,140,.95);border-right:2px solid rgba(255,95,140,.95);animation-delay:.25s}.ocd-corner-bl{bottom:20px;left:20px;border-bottom:2px solid rgba(255,95,140,.95);border-left:2px solid rgba(255,95,140,.95);animation-delay:.35s}.ocd-corner-br{bottom:20px;right:20px;border-bottom:2px solid rgba(255,95,140,.95);border-right:2px solid rgba(255,95,140,.95);animation-delay:.45s}.ocd-scan-card{position:relative;z-index:1;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex:1;padding:44px 24px 32px;display:flex;flex-direction:column;margin-top:-28px}.ocd-steps{position:relative;overflow:hidden;flex:1}.ocd-step[data-active-step]{opacity:0}.ocd-step-in{animation:ocdStepIn .32s ease forwards}@keyframes ocdStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ocd-steps-done{margin-top:12px;display:flex;flex-direction:column;gap:12px;-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.5) 45%,transparent 75%);mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.5) 45%,transparent 75%)}.ocd-step-rolled{opacity:.55;animation:ocdStepRollDown .36s cubic-bezier(.22,1,.36,1) forwards}@keyframes ocdStepRollDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.55;transform:translateY(0)}}.ocd-step-label-done{color:#6b7280;font-weight:400}.ocd-step-pct-done{color:#9ca3af}.ocd-steps-fade{pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to bottom,#fff0,#fff)}.ocd-result{background:#f2f2f2;overflow:hidden}.ocd-result-header{position:relative;z-index:2;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;font-family:var(--font-playfair);font-size:17px;font-weight:700;color:#1a1a2e}.ocd-result-scroll{padding-bottom:56px;transition:transform 1.9s cubic-bezier(.4,0,.2,1)}.ocd-result-hero{display:flex;justify-content:center;padding:16px 32px 0}.ocd-result-photo{position:relative;width:100%;max-width:260px;aspect-ratio:3 / 4}.ocd-result-photo img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px;box-shadow:0 1px 2px #0000000d}.ocd-badge{position:absolute;top:12px;left:12px;width:80px;height:80px;border-radius:9999px;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.ocd-badge-pct{font-family:var(--font-playfair);font-weight:700;color:#fff;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.ocd-badge-sup{font-size:13px}.ocd-badge-label{font-size:11px;font-weight:600;color:#ffffffe6}.ocd-result-body{padding:20px 20px 0;display:flex;flex-direction:column;gap:20px}.ocd-result-h{font-family:var(--font-playfair);font-size:17px;font-weight:700;color:#000;margin-bottom:12px}.ocd-rating-card{background:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr)}.ocd-rating{display:flex;flex-direction:column;align-items:center;padding:16px 4px}.ocd-rating+.ocd-rating{border-left:1px solid #f3f4f6}.ocd-rating-label{font-size:12px;font-weight:500;color:#000000b3}.ocd-stars{display:flex;gap:2px;justify-content:center;margin-top:4px}.ocd-star{fill:#0000001a;stroke:#0003}.ocd-star.is-filled{fill:#000;stroke:#000}.ocd-result.is-animated .ocd-star.is-filled{opacity:0;transform:scale(.72)}.ocd-result.is-animated .ocd-star.is-filled.is-lit{animation:ocdChipAppear .3s cubic-bezier(.34,1.56,.64,1) forwards}.ocd-rating-score{font-size:11px;font-weight:600;color:#00000073;margin-top:4px}.ocd-occasions{display:flex;flex-wrap:wrap;gap:8px}.ocd-occasion{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#f3f4f6;color:#4b5563;font-size:13px;font-weight:600}.ocd-occasion-icon{width:14px;height:14px;color:#6b7280}.ocd-assessment{display:flex;gap:12px}.ocd-assessment-bar{width:4px;border-radius:9999px;flex-shrink:0;align-self:stretch;background:linear-gradient(to bottom,#fe6f91,#ff998b)}.ocd-assessment p{font-size:14px;font-weight:600;color:#000;line-height:1.625}.ocd-works{display:flex;flex-direction:column;gap:8px}.ocd-work{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 2px #0000000d}.ocd-work-tile{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fe6f911a}.ocd-work-icon{width:20px;height:20px;color:#fe6f91;stroke-width:1.5}.ocd-work p{font-size:13px;color:#000c;line-height:1.375;flex:1}.ocd-improve-title{font-size:14px;font-weight:700;color:#000;margin-bottom:8px}.ocd-improve-row{display:flex;align-items:center;gap:12px}.ocd-improve-row+.ocd-improve-row{margin-top:8px}.ocd-improve-dot{width:24px;height:24px;border-radius:9999px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ocd-improve-bad{background:#e84c3d17}.ocd-improve-good{background:#7ed9571f}.ocd-improve-row p{font-size:13px;color:#000000bf;line-height:1.375}.ocd-result.is-animated [data-stagger]{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ocd-result.is-animated [data-stagger].is-in{opacity:1;transform:translateY(0)}