.method{--method-accent:#a8d5b5;background:var(--color-surface-dark);color:var(--color-inverse-text)}.method-intro{margin-bottom:3rem}.method-intro h2{max-width:29ch;font-size:var(--type-section-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-section);line-height:var(--leading-section)}.method-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;display:grid}.method-tab{border:0;border-bottom:2px solid var(--color-inverse-border);min-width:0;min-height:4rem;color:var(--color-inverse-muted);font-size:1rem;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:color var(--motion-fast), border-color var(--motion-fast);background:0 0;align-items:baseline;gap:.625rem;padding:.75rem 0 1.25rem;line-height:1.5;display:flex}.method-number{font-size:.75rem;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0}.method-tab:hover{color:var(--color-inverse-text);border-color:var(--color-inverse-muted)}.method-tab[aria-selected=true]{color:var(--color-inverse-text);border-color:var(--method-accent)}.method-tab[aria-selected=true] .method-number{color:var(--method-accent)}.method :is(button,[role=tabpanel]):focus-visible{outline:2px solid var(--method-accent);outline-offset:5px}.method-panels{margin-top:3rem;display:grid}.method-step{visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0}.method-step.is-active{visibility:visible;pointer-events:auto}.method-mobile-label{display:none}.method-story{visibility:hidden;opacity:0;pointer-events:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);align-items:start;gap:3rem;height:100%;display:grid}.method-step.is-active .method-story{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--motion-medium) var(--ease-standard)}.method-copy{padding-block:1rem}.method-copy :is(h3,h4){font-size:var(--type-feature-size);font-weight:var(--font-weight-semibold);line-height:var(--leading-feature);letter-spacing:var(--tracking-feature);text-wrap:pretty}.method-copy p{color:var(--color-inverse-muted);margin-top:1.25rem;font-size:1rem;line-height:1.65}.method-media{min-width:0;margin:0}.method-image-button{border-radius:var(--radius-sm);width:100%;color:var(--color-inverse-muted);cursor:zoom-in;background:0 0;border:0;flex-direction:column;align-items:flex-end;padding:0;display:flex}.method-image-window{aspect-ratio:1.5;border-radius:var(--radius-sm);background:var(--color-surface-muted);width:100%;display:block;overflow:hidden}.method-image-window img{width:100%;height:auto;display:block}.method-image-action{align-items:center;gap:.5rem;min-height:3rem;padding-top:.5rem;font-size:.8125rem;display:inline-flex}.method-image-action svg{width:1rem;height:1rem}.method-image-button:hover .method-image-action{color:var(--color-inverse-text)}.method-media--control .method-image-window{aspect-ratio:1.65}.method-media--control .method-image-window img{width:120%;max-width:none;transform:translate(-16%,-20%)}.method-media--phone .method-image-button{align-items:center}.method-media--phone .method-image-window{aspect-ratio:auto;background:0 0;place-items:center;height:30rem;display:grid}.method-media--phone img{width:auto;height:100%;max-height:30rem}.method-dialog{border-radius:var(--radius-sm);width:min(96vw,100rem);max-width:none;max-height:94dvh;color:var(--color-inverse-text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.method-dialog::backdrop{background:#000000d9}.method-dialog__surface{border:1px solid var(--color-inverse-border);border-radius:inherit;background:var(--color-surface-dark);overflow:hidden}.method-dialog__header{align-items:center;gap:.75rem;min-height:4rem;padding:.5rem 1rem;display:flex}.method-dialog__header>span{font-size:1rem;font-weight:var(--font-weight-medium);margin-right:auto}.method-dialog__header button{min-height:3rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:inline-flex}.method-dialog__header button:hover{background:var(--color-inverse-border)}.method-dialog__header svg{flex-shrink:0;width:1.25rem;height:1.25rem}.method-dialog__header .method-dialog__close{flex-shrink:0;width:3rem}.method-dialog :focus-visible{outline-offset:-3px;outline:2px solid #a8d5b5}.method-dialog__viewport{overscroll-behavior:contain;max-height:calc(94dvh - 4rem);overflow:auto}.method-dialog__viewport img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 4rem);margin-inline:auto;display:block}.method-dialog__viewport.is-zoomed img{max-width:none;max-height:none;margin:0}@media (width>=900px) and (width<=1199px){.method-tabs{gap:1rem}.method-tab{font-size:.9375rem}.method-story{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:2rem}}@media (width<=899px){.method-intro{margin-bottom:2rem}.method-tabs{display:none}.method-panels{gap:2rem;margin-top:0;display:grid}.method-step{visibility:visible;pointer-events:auto;border-bottom:1px solid var(--color-inverse-border);grid-area:auto;padding-bottom:2rem}.method-step:last-child{border-bottom:0;padding-bottom:0}.method-mobile-label{color:var(--method-accent);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.method-mobile-label .method-number{border:1px solid var(--color-inverse-border);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.75rem;display:grid}.method-mobile-label:after{content:"";background:var(--color-inverse-border);flex:1;height:1px}.method .method-story{visibility:visible;opacity:1;pointer-events:auto;grid-template-columns:1fr;gap:1.25rem;height:auto;display:grid}.method-copy{max-width:38rem;padding:0}.method-copy p{margin-top:.75rem}.method-media{width:100%;max-width:42rem}.method-media--phone .method-image-window{height:27rem}.method-media--phone img{max-height:27rem}}@media (width<=480px){.method-dialog__header{gap:.25rem;padding-inline:.5rem}.method-dialog__header>span{font-size:.875rem}.method-dialog__header button{padding-inline:.5rem;font-size:.75rem}.method-dialog__header button:not(.method-dialog__close) svg{display:none}}.method-cta{justify-content:center;margin-top:2.5rem;display:flex}.method .method-cta__button{background:var(--method-accent);min-height:3rem;color:var(--color-action);border:1px solid #0000;padding:.75rem 1.5rem}.method .method-cta__button:hover{background:var(--color-inverse-text)}.method .method-cta__button:focus-visible{outline:2px solid var(--method-accent);outline-offset:5px}#audit-form-fields{scroll-margin-top:1.5rem}@media (width<=899px){.method-cta{margin-top:2rem}.method-cta__button{width:min(100%,22rem)}}.tools .tool-story .product-frame,.tools .phone-visual{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.tools :is(.product-frame,.phone-visual)>img{width:100%;height:auto;box-shadow:none;transform-origin:50%;border:0;border-radius:0;display:block}.visual-data-caption,.tools .phone-visual .visual-data-caption{box-shadow:none;color:var(--color-text-muted);text-align:center;background:0 0;border:0;margin-top:.5rem;padding:0;font-size:.6875rem;font-weight:400;line-height:1.5;display:block;position:static}.method .visual-data-caption{color:var(--color-inverse-muted);text-align:right}.method .method-image-window{aspect-ratio:3/2;background:0 0;border:0;border-radius:0;height:auto;overflow:visible}.method .method-image-window img{width:100%;max-width:100%;height:auto;max-height:none;transform:none}.method .method-image-button{align-items:flex-end}.hero .hero-video{aspect-ratio:3/2}.hero .hero-video:has(.hero-video__poster){aspect-ratio:3/2;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.hero .hero-video__poster{background:0 0;flex-direction:row;justify-content:center;align-items:flex-end;gap:.625rem;padding:0;display:flex}.hero .hero-video__screen{object-fit:contain}.hero .hero-video__play{width:3rem;height:3rem;margin:0}.hero .hero-video__caption{align-items:center;min-height:3rem;display:grid}.audit .audit-expert__photo{object-fit:contain;background:0 0;border:0;border-radius:0}.quiz-section .report-stack__pages{background:0 0}@media (width>=900px){.tools :is(.product-frame,.phone-visual)>img,.method .method-image-window img{transform:perspective(1600px)rotateY(-12deg)}.tools .tool-story--reverse .product-frame>img{transform:perspective(1600px)rotateY(12deg)}.quiz-section .report-stack__pages{transform:perspective(1600px)rotateY(-12deg)}.quiz-section .report-stack__pages img:first-child,.quiz-section .report-stack__pages img:last-child{transform:none}}@media (width<=899px){.tools :is(.product-frame,.phone-visual)>img,.method .method-image-window img,.quiz-section .report-stack__pages,.quiz-section .report-stack__pages img{transform:none}.tools .phone-visual{width:100%;max-width:42rem}}.app-screens{justify-items:center;gap:1.5rem;min-width:0;display:grid}.app-screens__choices{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.app-screens__choices button{border:1px solid var(--color-border);min-height:2.75rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .85rem;font-size:.8125rem}.app-screens__choices button[aria-pressed=true]{background:var(--color-surface-dark);border-color:var(--color-surface-dark);color:var(--color-inverse-text)}.app-screens__figure{width:min(100%,17rem);margin:0}.app-screens__zoom{width:100%;color:var(--color-text-muted);cursor:zoom-in;background:0 0;border:0;justify-items:center;gap:1rem;padding:0;display:grid}.app-screens__zoom img{border-radius:1rem;width:100%;height:auto;display:block;box-shadow:0 18px 36px -16px #0000004d}.app-screens__zoom>span{align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.app-screens__zoom svg{width:1rem;height:1rem}.app-screens button:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}.method .method-media--phone .method-image-button{align-items:center}.method .method-media--phone .method-image-window{aspect-ratio:auto;place-items:center;height:30rem;display:grid}.method .method-media--phone .method-image-window img{object-fit:contain;border-radius:.875rem;width:auto;height:100%;max-height:30rem}.method .method-media--phone .visual-data-caption{text-align:center}@media (width>=900px){.app-screens__zoom img{transform:perspective(1600px)rotateY(-12deg)}}@media (width<=899px){.app-screens{width:100%}.app-screens__figure{width:min(100%,18rem)}.method .method-media--phone .method-image-window{height:auto}.method .method-media--phone .method-image-window img{width:min(100%,18rem);height:auto;max-height:none}}.platform-picture{width:100%;display:block}.tools .platform-picture img{width:100%;height:auto;box-shadow:none;border:0;border-radius:0;display:block}.platform-visual__button{width:100%;color:var(--color-text-muted);cursor:zoom-in;background:0 0;border:0;padding:0;display:grid}.platform-visual__action{justify-self:end;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.75rem;display:inline-flex}.platform-visual__action svg{width:1rem;height:1rem}.platform-visual__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px;border-radius:.75rem}.method .method-image-window:has(.platform-picture){aspect-ratio:10/7}.hero .hero-video__poster .platform-picture{position:absolute;inset:0}@media (width>=900px){.tools .platform-picture img{transform:perspective(1600px)rotateY(-12deg)}.tools .tool-story--reverse .platform-picture img{transform:perspective(1600px)rotateY(12deg)}}@media (width<=899px){.tools .platform-picture img{transform:none}.tools .product-frame{justify-self:center;width:min(100%,26rem)}.method .method-image-window:has(.platform-picture){aspect-ratio:auto;width:min(100%,26rem)}.method .method-image-button:has(.platform-picture){align-items:center}.method .method-media:has(.platform-picture) .visual-data-caption{text-align:center}:is(.hero .hero-video,.hero .hero-video:has(.hero-video__poster)){aspect-ratio:4/5;max-width:26rem;margin-inline:auto}}
