.vp-explainer{color:var(--landing-halo-ink)}.vp-explainer-section{width:min(1240px,100% - 64px);margin-inline:auto;padding-block:64px;scroll-margin-top:32px}.vp-explainer-section h2{color:var(--landing-halo-ink);letter-spacing:-.035em;margin:0;font-size:32px;font-weight:600;line-height:1.25}.vp-explainer-eyebrow{color:var(--landing-halo-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600;line-height:1.5}.vp-explainer-heading>p:not(.vp-explainer-eyebrow){color:var(--landing-halo-muted);margin:14px 0 0;font-size:15px;line-height:1.65}.vp-explainer-heading-centered{text-align:center;max-width:620px;margin-inline:auto}.vp-explainer-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 0;padding:0;list-style:none;display:grid}.vp-explainer-step{min-width:0}.vp-explainer-step-media{background:#111b2b;border:1px solid #f3d8ed21;border-radius:18px;place-items:center;height:254px;display:grid;overflow:hidden}.vp-explainer-step-media img{object-fit:contain;mix-blend-mode:screen;width:min(100%,280px);height:100%;display:block}.vp-explainer-step-media:is([data-step="2"],[data-step="3"]) img{filter:hue-rotate(245deg)saturate(.62)}.vp-explainer-step-title{align-items:baseline;gap:12px;margin-top:22px;display:flex}.vp-explainer-step-title>span{color:var(--landing-halo-accent);font-family:var(--font-serif-display);font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:600}.vp-explainer-step-title h3{color:var(--landing-halo-ink);margin:0;font-size:20px;font-weight:600;line-height:1.4}.vp-explainer-step>p{color:var(--landing-halo-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.vp-explainer-feature{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;display:grid}.vp-explainer-feature-copy{max-width:480px}.vp-explainer-feature-description{color:var(--landing-halo-muted);margin:20px 0 0;font-size:16px;line-height:1.75}.vp-explainer-feature-link,.vp-explainer-tools-link{min-height:44px;color:var(--landing-halo-accent);font-family:var(--font-serif-display);text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.vp-explainer-feature-link{margin-top:18px}.vp-explainer-feature-link:hover,.vp-explainer-tools-link:hover{text-decoration:underline}.vp-explainer-feature-note{max-width:52ch;color:var(--landing-halo-muted);margin:14px 0 0;font-size:12px;line-height:1.7}.vp-explainer-score-card{background:var(--moonlight-glass);box-shadow:var(--moonlight-shadow);border:1px solid #fff6;border-radius:24px;flex-direction:column;align-items:center;padding:32px;display:flex}.vp-explainer-score-ring{aspect-ratio:1;width:min(248px,100%);position:relative}.vp-explainer-score-ring svg{width:100%;height:100%;display:block}.vp-explainer-ring-track{stroke:#bdcadd}.vp-explainer-ring-fill{stroke:var(--moonlight-pink)}.vp-explainer-score-value{color:var(--moonlight-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.vp-explainer-score-value>p{font-family:var(--font-serif-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;margin:0;display:flex}.vp-explainer-score-value strong{color:var(--moonlight-selected-ink);letter-spacing:-.06em;font-size:58px;font-weight:700;line-height:1.2}.vp-explainer-score-value>p>span{color:var(--moonlight-muted);font-size:17px;font-weight:600}.vp-explainer-score-value>span{max-width:140px}.vp-explainer-score-details{text-align:center;border-top:1px solid #a0b0c780;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:24px 0 0;padding-top:20px;display:grid}.vp-explainer-score-details>div+div{border-left:1px solid #a0b0c780}.vp-explainer-score-details dt{color:var(--moonlight-muted);padding-inline:10px;font-size:12px;line-height:1.5}.vp-explainer-score-details dd{color:var(--moonlight-ink);font-family:var(--font-serif-display);font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:7px 0 0;font-size:24px;font-weight:700;line-height:1.3}.vp-explainer-tools{padding-bottom:80px}.vp-explainer-tools-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.vp-explainer-tools-link{flex-shrink:0}.vp-explainer-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.vp-explainer-tool{background:var(--moonlight-glass);min-width:0;color:var(--moonlight-ink);box-shadow:var(--moonlight-shadow);border:1px solid #fff5;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.vp-explainer-tool-image{aspect-ratio:4/3;background:#101b30;position:relative;overflow:hidden}.vp-explainer-tool-image img{object-fit:cover;width:100%;height:100%;display:block}.vp-explainer-tool-arrow{background:var(--moonlight-raised);width:30px;height:30px;color:var(--moonlight-selected-ink);border:1px solid #ffffffa3;border-radius:50%;place-items:center;transition:background-color .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px}.vp-explainer-tool-body{padding:18px}.vp-explainer-tool h3{color:var(--moonlight-ink);margin:0;font-size:16px;font-weight:600;line-height:1.4}.vp-explainer-tool p{color:var(--moonlight-muted);margin:8px 0 0;font-size:13px;line-height:1.65}.vp-explainer-tool:hover{border-color:var(--moonlight-pink);transform:translateY(-3px)}.vp-explainer-tool:hover .vp-explainer-tool-arrow{background:var(--moonlight-selection);transform:translate(1px,-1px)}.vp-explainer :is(a,button):focus-visible{outline:2px solid var(--landing-halo-accent);outline-offset:5px}@media (width<=900px){.vp-explainer-step-media{height:218px}.vp-explainer-step-title{gap:8px}.vp-explainer-step-title h3{font-size:18px}.vp-explainer-feature{grid-template-columns:minmax(0,1fr);gap:32px}.vp-explainer-feature-copy{max-width:620px}.vp-explainer-score-card{justify-self:center;width:min(100%,480px)}.vp-explainer-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.vp-explainer-section{width:calc(100% - 32px);padding-block:40px}.vp-explainer-section h2{font-size:28px}.vp-explainer-step-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:28px}.vp-explainer-step-media{height:260px}.vp-explainer-step-title{gap:12px;margin-top:18px}.vp-explainer-step-title h3{font-size:20px}.vp-explainer-step>p{font-size:14px}.vp-explainer-feature-description{margin-top:16px;font-size:15px}.vp-explainer-score-card{border-radius:20px;padding:24px}.vp-explainer-tools-heading{flex-direction:column;align-items:start;gap:8px;margin-bottom:20px}.vp-explainer-tool-grid{gap:12px}.vp-explainer-tool{border-radius:14px}.vp-explainer-tool-body{padding:14px 12px}.vp-explainer-tool h3{font-size:14px}.vp-explainer-tool p{font-size:12px;line-height:1.6}.vp-explainer-tool-arrow{width:27px;height:27px;bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){.vp-explainer-tool,.vp-explainer-tool-arrow{transition:none}.vp-explainer-tool:hover,.vp-explainer-tool:hover .vp-explainer-tool-arrow{transform:none}}.vp-report{background:var(--moonlight-glass);min-width:0;box-shadow:var(--moonlight-shadow);border:1px solid #e8f0ff80;border-radius:20px;padding:20px;scroll-margin-top:24px}.vp-report-heading{border-bottom:1px solid #172b4b16;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.vp-report-heading h2{color:var(--moonlight-ink);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.vp-report-heading h2 svg{color:var(--moonlight-pink);flex-shrink:0}.vp-report-sample{background:var(--moonlight-selection);color:var(--moonlight-selected-ink);white-space:nowrap;border:1px solid #a8346b25;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;line-height:1.25;display:inline-flex}.vp-report-sample>span,.vp-report-curve-peak>span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.vp-report-switch{background:#b9c8dd52;border:1px solid #172b4b0d;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:14px 0 12px;padding:3px;display:grid}.vp-report-switch button{min-width:0;min-height:36px;color:var(--moonlight-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;transition:color .2s,background-color .2s;display:flex}.vp-report-switch button[aria-pressed=true]{background:var(--moonlight-raised);color:var(--moonlight-selected-ink);box-shadow:0 1px 3px #172b4b12}.vp-report-switch button:hover{color:var(--moonlight-selected-ink)}.vp-report-stage{isolation:isolate;color:#f1f3fb;background:#101b30;border:1px solid #d4e0ff10;border-radius:14px;flex-direction:column;min-height:302px;padding:18px 20px 14px;display:flex;position:relative;overflow:hidden}.vp-report-stage-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.vp-report-scale{width:100px;margin-top:8px}.vp-report-scale>span{background:linear-gradient(90deg,#a9bad9,#d59dbf 52%,#f4accf);border-radius:4px;height:4px;display:block}.vp-report-scale>div{color:#b3bfd4;justify-content:space-between;margin-top:6px;font-size:9px;line-height:1.4;display:flex}.vp-report-score{text-align:right}.vp-report-score>span{color:#b3bfd4;font-size:10px;line-height:1.5;display:block}.vp-report-score strong{color:#f4accf;font-family:var(--font-serif-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:1px;font-size:36px;font-weight:700;line-height:1.1;display:block}.vp-report-score strong span{color:#b3bfd4;font-family:var(--font-sans);letter-spacing:-.02em;margin-left:4px;font-size:15px;font-weight:400}.vp-report-brain{flex:1;place-items:center;min-height:190px;margin-top:-20px;display:grid;position:relative}.vp-report-brain-crop{z-index:1;mix-blend-mode:lighten;width:232px;height:202px;position:relative;overflow:hidden}.vp-report-brain-crop img{filter:saturate(.56)hue-rotate(320deg)brightness(.95);width:470px;max-width:none;height:auto;position:absolute;top:-40px;left:-120px}.vp-report-brain-orbit{border:1px solid #c1d6fa18;border-radius:50%;width:230px;height:130px;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(-17deg)}.vp-report-brain-orbit:after{content:"";border:1px solid #f4accf10;border-radius:50%;position:absolute;inset:12px -18px;transform:rotate(40deg)}.vp-report-brain-point{z-index:2;background:#d785b0;border:2px solid #fff7fc;border-radius:50%;width:7px;height:7px;position:absolute;top:53px;left:calc(50% + 59px);box-shadow:0 0 0 5px #f4accf20}.vp-report-stats{z-index:1;border-top:1px solid #b3bfd417;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding-top:10px;display:grid;position:relative}.vp-report-stats>div+div{border-left:1px solid #b3bfd417;padding-left:15px}.vp-report-stats dt{color:#b3bfd4;font-size:11px;line-height:1.4}.vp-report-stats dd{color:#f1f3fb;font-family:var(--font-serif-display);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:18px;font-weight:600;line-height:1.3}.vp-report-stats dd>span{margin-left:2px;font-size:13px}.vp-report-signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:12px;display:grid}.vp-report-signals button{min-width:0;min-height:44px;color:var(--moonlight-ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 8px;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.vp-report-signals button:last-child{grid-column:1/-1}.vp-report-signals button:hover{background:#f0f4fc80}.vp-report-signals button[aria-pressed=true]{color:var(--moonlight-selected-ink);background:#f5d9e97a;border-color:#a8346b23}.vp-report-signal-label{font-family:var(--font-sans);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;line-height:1.4;display:flex}.vp-report-signal-label strong{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:500}.vp-report-signal-track{background:#60718b26;border-radius:4px;height:4px;margin-top:6px;display:block;overflow:hidden}.vp-report-signal-track>span{border-radius:inherit;background:#b46c95;height:100%;display:block}.vp-report-signals button[aria-pressed=true] .vp-report-signal-track>span{background:var(--moonlight-action-fill)}.vp-report-signal-detail{min-height:30px;color:var(--moonlight-muted);align-items:flex-start;gap:4px;margin:8px 4px 0;font-size:12px;line-height:1.5;display:flex}.vp-report-signal-detail svg{color:var(--moonlight-pink);flex-shrink:0;margin-top:2px}.vp-report-notice{color:var(--moonlight-muted);border-top:1px solid #172b4b16;align-items:flex-start;gap:6px;margin:10px 0 0;padding-top:12px;font-size:12px;line-height:1.5;display:flex}.vp-report-notice svg{flex-shrink:0;margin-top:2px}.vp-report-curve{flex-direction:column;flex:1;justify-content:center;min-height:190px;padding-block:4px 10px;display:flex}.vp-report-curve svg{width:100%;height:145px;display:block;overflow:visible}.vp-report-curve-grid path{fill:none;stroke:#d1ddf114;stroke-width:1px}.vp-report-curve-marker{stroke:#f4accf75;stroke-width:1px;stroke-dasharray:4 5}.vp-report-curve-labels{color:#aebad0;font-variant-numeric:tabular-nums;justify-content:space-between;padding-inline:3.5%;font-size:10px;display:flex}.vp-report-curve-peak{color:#f4accf;justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:11px;display:flex}.vp-report-curve-peak strong{color:#fff7fc;font-variant-numeric:tabular-nums;margin-left:2px}.vp-report button:focus-visible,.vp-report:focus-visible{outline:2px solid var(--moonlight-pink);outline-offset:3px}@media (width<=600px){.vp-report{padding:14px}.vp-report-heading{gap:8px}.vp-report-heading h2{font-size:13px}.vp-report-sample{padding:4px 6px;font-size:10px}.vp-report-stage{min-height:260px;padding:14px 14px 12px}.vp-report-brain{min-height:172px}.vp-report-brain-crop{width:210px;height:182px}.vp-report-brain-crop img{width:430px;top:-36px;left:-110px}.vp-report-brain-orbit{width:208px;height:118px;top:26px}.vp-report-brain-point{top:44px;left:calc(50% + 53px)}.vp-report-score strong{font-size:32px}.vp-report-stats>div+div{padding-left:10px}.vp-report-stats dt{font-size:10px}.vp-report-signals{gap:3px 5px}.vp-report-signals button{padding-inline:6px}.vp-report-signal-label{font-size:10px}.vp-report-curve{min-height:172px}.vp-report-curve svg{height:120px}}@media (prefers-reduced-motion:reduce){.vp-report button{transition:none}}
