.product-preview-header{color:#171717;background:#fff;border-bottom:1px solid #f2edf0;justify-content:space-between;align-items:center;height:8.75cqw;padding:0 5%;display:flex}.product-preview-brand .brand{gap:1cqw}.product-preview-brand .brand-symbol{flex:0 0 4cqw;width:4cqw;height:4cqw}.product-preview-brand .brand .brand-wordmark{font-size:2.8cqw}.audit-preview-orb{background:linear-gradient(145deg,#744bea,#fa5590 70%,#ff975c);border-radius:50%;width:4cqw;height:4cqw;display:block;position:relative;box-shadow:inset 0 .2cqw .5cqw #fff8}.audit-preview-orb:after{content:"";border:.2cqw solid #ee609f;border-radius:50%;width:125%;height:35%;position:absolute;top:20%;left:-12%;transform:rotate(-15deg)}.product-preview-header>div{gap:2.8cqw;font-size:1.35cqw;display:flex}.audit-preview-locale{border:1px solid #e5dfe2;border-radius:4cqw;padding:1.3cqw 1.8cqw;font-size:1.35cqw}.product-preview-brand .brand-orbit-ring{inset:.5cqw}.product-preview-brand .brand-orbit-line{height:.2cqw;top:2.5cqw;left:.3cqw;right:.3cqw}
.audit-walkthrough{border:1px solid var(--color-secondary);background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 16px 44px #2013210a;container-type:inline-size}.audit-walkthrough-stage{aspect-ratio:1440/1050;width:100%;position:relative;overflow:hidden}.audit-walkthrough-stage [hidden]{display:none}.audit-walkthrough-product,.audit-walkthrough-result{position:absolute;inset:0}.audit-preview-page{color:#171717;background:#fff;width:100%;height:100%}.audit-preview-hero{text-align:center;padding:7cqw 7cqw 0}.audit-preview-eyebrow{letter-spacing:.12em;font-size:1.4cqw}.audit-preview-eyebrow b,.audit-preview-scope b{color:#19713e}.audit-preview-hero>strong{letter-spacing:-.055em;margin:2.5cqw 0;font-size:6.4cqw;font-weight:800;line-height:1.05;display:block}.audit-preview-hero em{color:#ff367e;text-shadow:0 0 2cqw #ff367e20;font-style:normal}.audit-example .audit-preview-hero p{color:#525252;max-width:66cqw;margin:0 auto;font-size:1.85cqw;line-height:1.55}.audit-preview-input{text-align:left;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(100deg,#ff367e,#824dff,#ff7f47) border-box;border:1px solid #0000;border-radius:3cqw;align-items:center;gap:1.5cqw;margin:5.5cqw auto 2.5cqw;padding:1cqw 1cqw 1cqw 2.4cqw;display:flex;box-shadow:0 1cqw 5cqw #ff367e0c}.audit-preview-input>svg{color:#c52e6d;flex-shrink:0;width:2.5cqw;height:2.5cqw}.audit-preview-input>span{white-space:nowrap;flex:1;font-size:2.05cqw;font-weight:500}.audit-preview-input>span i{vertical-align:middle;background:#c52e6d;width:1px;height:1.1em;display:inline-block}.audit-preview-input>b{color:#fff;white-space:nowrap;background:linear-gradient(115deg,#8243b6,#e6308c);border-radius:3cqw;align-items:center;gap:1.5cqw;padding:2cqw;font-size:1.5cqw;display:flex}.audit-preview-input>b svg{width:2cqw;height:2cqw}.audit-preview-scope,.audit-preview-promises{color:#525252;font-size:1.4cqw}.audit-preview-promises{justify-content:center;gap:3cqw;margin-top:2.3cqw;display:flex}.audit-walkthrough-boot{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff9;place-items:center;display:grid;position:absolute;inset:0}.audit-walkthrough-boot-card{background:#ffffffd9;border-radius:3cqw;flex-direction:column;align-items:center;gap:3cqw;width:48%;padding:4cqw 3cqw;display:flex;position:relative;overflow:hidden;box-shadow:-4cqw 2cqw 15cqw #8bf5a62b,4cqw 2cqw 15cqw #ff71b349}.audit-walkthrough-boot-card>b{letter-spacing:-.06em;align-self:flex-start;font-size:2.7cqw}.audit-walkthrough-boot-card>b span{color:#ff367e}.audit-walkthrough-boot-card>strong{text-align:center;letter-spacing:-.04em;font-size:3.8cqw;line-height:1.1}.audit-walkthrough-boot-card em{color:#478752;font-style:normal}.audit-walkthrough-boot-card>span{text-align:center;color:#656565;font-size:1.5cqw}.audit-walkthrough-boot-progress{background:linear-gradient(90deg,#804aff,#ff4d96);width:100%;height:.4cqw;position:absolute;bottom:0;left:0}.audit-walkthrough-negative{mix-blend-mode:difference;pointer-events:none;transform-origin:top;will-change:transform;background:#fff;animation:3s linear both audit-preview-reveal;position:absolute;inset:0}.audit-walkthrough-beam{pointer-events:none;will-change:transform;animation:3s linear both audit-preview-sweep;position:absolute;inset:0}.audit-walkthrough-beam:after{content:"";height:1px;box-shadow:0 0 2px 1px var(--color-widget-success), 0 -3px 10px var(--color-widget-success), 0 -12px 28px color-mix(in srgb, var(--color-widget-success) 60%, transparent);background:#fff;position:absolute;bottom:0;left:0;right:0}.audit-walkthrough-beam:before{content:"";background:linear-gradient(0deg, color-mix(in srgb, var(--color-widget-success) 20%, transparent), transparent);height:6cqw;position:absolute;bottom:0;left:0;right:0}.audit-walkthrough-scan-label{color:#19713e;background:#fff;border-radius:3cqw;align-items:center;gap:1cqw;padding:1cqw 1.5cqw;font-size:1.25cqw;display:flex;position:absolute;top:2cqw;right:2cqw}.audit-walkthrough-scan-label svg{width:1.8cqw;height:1.8cqw}.audit-walkthrough-dock{background:#fffffff2;border:1px solid #e5dfe2;border-radius:2cqw;padding:1.8cqw;position:absolute;bottom:4%;left:12%;right:12%;box-shadow:0 2cqw 6cqw #0002}.audit-walkthrough-dock-target{color:#242424;justify-content:space-between;font-size:1.6cqw;display:flex}.audit-walkthrough-dock-target span{color:#6c6c6c;font-size:1.3cqw}.audit-walkthrough-dock-progress{background:#eee;height:.35cqw;margin:1.2cqw 0}.audit-walkthrough-dock-progress i{transform-origin:0;background:linear-gradient(90deg,#834dff,#ff367e);width:100%;height:100%;animation:3s linear both audit-preview-progress;display:block}.audit-walkthrough-dock-icons{color:#454545;justify-content:space-around;align-items:center;font-size:1.15cqw;display:flex}.audit-walkthrough-dock-icons>span{flex-direction:column;align-items:center;gap:.5cqw;display:flex}.audit-walkthrough-dock-icons svg{width:2cqw;height:2cqw}.audit-example .audit-walkthrough-result img{object-fit:contain;border:0;border-radius:0;width:100%;height:100%}.audit-walkthrough-playback{background:#ffffffed;border:1px solid #ddd;border-radius:20px;gap:2px;padding:2px;display:flex;position:absolute;bottom:8px;right:8px}.audit-walkthrough-playback button{color:#454545;width:28px;height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:13px;display:grid}.audit-walkthrough-playback button:hover{background:#fae6ee}.audit-walkthrough-playback button:focus-visible{outline-offset:2px;outline:2px solid #ad225b}.audit-walkthrough[data-scene=report] .audit-walkthrough-result{animation:.35s ease-out both audit-preview-report-open}@keyframes audit-preview-report-open{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes audit-preview-reveal{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes audit-preview-sweep{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes audit-preview-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.audit-walkthrough[data-scene=report] .audit-walkthrough-result{animation:none}}.audit-walkthrough[data-playing=false] .audit-walkthrough-result,.audit-walkthrough[data-playing=false] .audit-walkthrough-negative,.audit-walkthrough[data-playing=false] .audit-walkthrough-beam,.audit-walkthrough[data-playing=false] .audit-walkthrough-dock-progress i{animation-play-state:paused}
.audit-example{background:var(--color-surface);text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(36px,5vw,72px);margin-top:clamp(72px,7vw,104px);padding:clamp(24px,3vw,40px) 0;display:grid}.audit-example-copy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.audit-example h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.16}.audit-example-copy>p{max-width:420px;color:var(--color-text-muted);margin:0;line-height:1.65}.audit-example-report{min-width:0;margin:0}.audit-example-report img{border:1px solid var(--color-secondary);border-radius:12px;width:100%;height:auto;display:block}@media (max-width:800px){.audit-example{grid-template-columns:1fr;gap:36px}}.audit-example .button-accent{color:#fff;background:linear-gradient(115deg,#7938a6,#b52365);border:0;border-radius:15px;justify-content:center;align-items:center;gap:24px;max-width:100%;min-height:54px;margin-top:10px;padding:16px 24px;transition:box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 22px #86298c1a}.audit-example .button-accent>span{font-size:19px;transition:transform .18s}.audit-example .button-accent:hover{transform:translateY(-2px);box-shadow:0 10px 28px #86298c30}.audit-example .button-accent:hover>span{transform:translate(2px,-2px)}.audit-example .button-accent:focus-visible{outline-offset:4px;outline:2px solid #7938a6}@media (prefers-reduced-motion:reduce){.audit-example .button-accent,.audit-example .button-accent>span{transition:none}}