:root{--background:#f8faf9;--surface:#fff;--ink:#172b27;--muted:#5d6c67;--green:#21614d;--green-dark:#194d3e;--mint:#e8f2ed;--line:#dce5df;--radius:12px;--font-sans:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink);background:var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #397bc2}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}.container{width:min(1120px,100% - 64px);margin-inline:auto}.icon{flex-shrink:0;width:24px;height:24px}.skip-link{z-index:10;color:#fff;background:var(--green-dark);opacity:0;pointer-events:none;border-radius:6px;padding:10px 18px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:10px;font-size:1.3125rem;font-weight:700;display:inline-flex}.brand-suffix{color:var(--muted);font-weight:400}.brand-mark{width:35px;height:35px;color:var(--green);background:var(--mint);border-radius:8px;place-items:center;display:grid}.site-header nav{align-items:center;gap:30px;font-size:.875rem;font-weight:600;display:flex}.site-header nav a{padding-block:10px}.site-header nav a:hover,.site-footer nav a:hover{color:var(--green);text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding-block:68px 56px;display:grid}.eyebrow{color:var(--green);letter-spacing:1.35px;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.small-dot{background:#368667;border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-2.4px;margin-top:20px;font-size:clamp(2.375rem,4.4vw,3.5625rem);font-weight:600;line-height:1.12}.hero h1 span{color:var(--green)}.hero-copy>p:not(.availability-note){max-width:440px;color:var(--muted);margin-top:23px;font-size:1.0625rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:15px;min-height:48px;padding:12px 19px;font-size:.875rem;font-weight:600;line-height:1.5;display:inline-flex}.button .icon,.text-link .icon{width:18px;height:18px}.button-primary{color:#fff;background:var(--green)}.button-primary:disabled{color:#506159;background:#dde7e0;border-color:#ccd9d0}a.button-primary:hover{background:var(--green-dark)}.button-secondary{border-color:var(--line);color:var(--green);background:#fff}.button-secondary:hover{border-color:var(--green)}.text-link{color:var(--green);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.availability-note{color:var(--muted);margin-top:12px;font-size:.75rem}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:.75rem;display:flex}.hero-trust span{align-items:center;gap:5px;display:inline-flex}.hero-trust .icon{color:var(--green);width:15px;height:15px}.monitor-art{width:100%;max-width:430px;margin:20px auto 0;position:relative}.monitor-frame{background:#24352f;border:7px solid #24352f;border-bottom-width:18px;border-radius:13px;position:relative;box-shadow:0 20px 30px -25px #24483366}.monitor-display{aspect-ratio:1.76;background:linear-gradient(130deg,#133d30,#20634d 65%,#358463);position:relative;overflow:hidden}.display-grid{background-image:linear-gradient(#c7edd81a 1px,#0000 1px),linear-gradient(90deg,#c7edd81a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.display-target{border:1px solid #bef0d270;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.display-target:before,.display-target:after{content:"";background:#bef0d250;position:absolute}.display-target:before{width:150px;height:1px}.display-target:after{width:1px;height:150px}.display-target>div{border:1px solid #bef0d260;border-radius:50%;width:78px;height:78px}.display-target>span{background:#c0ebd9;border:4px solid #20634d;width:16px;height:16px;position:absolute;box-shadow:0 0 0 1px #bde4d4}.display-corners{position:absolute;inset:16px}.display-corners span{border:0 solid #d1efdb90;border-width:1px 0 0 1px;width:14px;height:14px;position:absolute}.display-corners span:nth-child(2){right:0;transform:rotate(90deg)}.display-corners span:nth-child(3){bottom:0;transform:rotate(-90deg)}.display-corners span:nth-child(4){bottom:0;right:0;transform:rotate(180deg)}.display-swatches{gap:4px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.display-swatches span{border-radius:1px;width:24px;height:15px}.display-coordinate{color:#c7e1d3;letter-spacing:1px;font:8px/1.5 monospace;position:absolute;top:17px;left:18px}.monitor-light{background:#99d7b9;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-12px;left:50%}.monitor-stand{background:linear-gradient(90deg,#b6c3bb,#dbe4de,#b6c3bb);width:46px;height:37px;margin:0 auto}.monitor-base{background:#bac9bf;border-radius:60% 60% 3px 3px;width:142px;height:7px;margin-inline:auto}.monitor-art>p{text-align:center;color:var(--muted);letter-spacing:.35px;margin-top:20px;font-size:.75rem}.screen-section{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:23px 28px 20px}.section-kicker{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-kicker h2{font-size:.875rem;font-weight:600}.live-label{color:var(--muted);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.live-label>span{background:#337c59;border-radius:50%;width:5px;height:5px}.screen-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:23px 0 17px;display:grid}.screen-stats>div{border-left:1px solid var(--line);min-width:0;padding-inline:25px}.screen-stats>div:first-child{border-left:none;padding-left:0}.screen-stats dt{color:var(--muted);font-size:.75rem}.screen-stats dd{letter-spacing:-.8px;margin:5px 0 0;font-family:Courier New,monospace;font-size:clamp(1.1875rem,2vw,1.5625rem);font-weight:600;line-height:1.5}.screen-stats dd.stat-unit{color:var(--muted);font-size:.75rem;font-family:var(--font-sans);letter-spacing:0;margin-top:0;font-weight:400}.stat-note{color:var(--muted);border-top:1px solid #edf1ed;padding-top:16px;font-size:.75rem}.screen-extra{color:var(--muted);flex-wrap:wrap;gap:5px 8px;margin-bottom:16px;font-size:.875rem;display:flex}.screen-extra strong{color:var(--ink);font-weight:500}.screen-extra span{align-self:center;margin-left:auto;font-size:.75rem}.card-bottom>span.available-label{color:var(--green)}.tests-section{padding-top:62px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.section-heading h2{letter-spacing:-1px;margin-top:10px;font-size:1.875rem;font-weight:600}.section-heading p{color:var(--muted);margin-top:11px;font-size:.875rem}.section-heading>a{color:var(--green);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:inline-flex}.section-heading>a .icon{width:17px;height:17px}.directory-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.filters{flex-wrap:wrap;gap:7px;display:flex}.filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;min-height:38px;padding:7px 15px;font-size:.875rem}.filters button[aria-pressed=true]{background:var(--mint);color:var(--green-dark);border-color:#d1e1d6;font-weight:600}.filters button:hover{background:#edf3ef}.directory-controls>p{color:var(--muted);font-size:.75rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;min-width:0;padding:23px 24px 19px;transition:border-color .15s,box-shadow .15s;display:flex}.tool-card:hover{border-color:#97b9a7;box-shadow:0 4px 14px #223d2c08}.card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.tool-icon{color:var(--green);background:#edf4f0;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-motion{color:#4a6387;background:#edf1f8}.icon-input{color:#6e5880;background:#f2eef6}.card-category{color:var(--muted);font-size:.75rem}.tool-card h3{letter-spacing:-.25px;font-size:1.0625rem;font-weight:600}.tool-card>p{color:var(--muted);margin-top:10px;font-size:.875rem;line-height:1.65}.card-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:23px;display:flex}.card-bottom>span:first-child{color:#6d7871;font-size:.75rem}.card-link{color:var(--green);align-items:center;gap:7px;font-size:.75rem;font-weight:600;display:inline-flex}.card-link .icon{width:16px;height:16px}.promise-strip{border-radius:var(--radius);background:#ecf2ee;border:1px solid #dce7df;align-items:center;gap:20px;margin-block:44px 60px;padding:28px 30px;display:flex}.promise-icon{color:var(--green)}.promise-icon .icon{width:32px;height:32px}.promise-strip h2{letter-spacing:-.3px;font-size:1.0625rem}.promise-strip p{color:var(--muted);max-width:630px;margin-top:6px;font-size:.875rem}.promise-strip>a{color:var(--green);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:.875rem;font-weight:600;display:flex}.promise-strip>a .icon{width:17px;height:17px}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{grid-template-columns:1fr auto;align-items:center;gap:24px;padding-block:35px 30px;display:grid}.footer-brand{letter-spacing:-.5px;gap:5px;font-size:1.0625rem}.footer-brand .icon{color:var(--green);width:20px;height:20px;margin-right:5px}.footer-inner>div>p{color:var(--muted);margin-top:8px;font-size:.75rem}.site-footer nav{color:var(--muted);flex-wrap:wrap;gap:24px;font-size:.875rem;display:flex}.footer-note{color:var(--muted);border-top:1px solid #edf1ed;grid-column:1/-1;padding-top:17px;font-size:.75rem}.page-content{padding-block:40px 70px}.page-heading{max-width:760px;margin-block:24px 35px}.page-heading h1{letter-spacing:-1.5px;margin-top:12px;font-size:clamp(2rem,4vw,2.875rem);font-weight:600}.page-heading>p{color:var(--muted);margin-top:18px;font-size:1.0625rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.875rem;display:flex}.breadcrumbs a:hover{text-decoration:underline}.tool-surface{border-radius:var(--radius);text-align:center;background:#eef4f0;border:1px dashed #b8ccc0;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.tool-surface .tool-icon{background:#deebe2;width:52px;height:52px}.tool-surface h2{letter-spacing:-.5px;margin-top:20px;font-size:1.5rem}.tool-surface p{color:var(--muted);max-width:480px;margin-top:12px}.tool-surface .button{margin-top:24px}.active-tool-surface{text-align:left;border:1px solid var(--line);background:#fff;padding:30px;display:block}.timing-test{width:100%;min-width:0}.timing-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.active-tool-surface .timing-heading h2{letter-spacing:-.3px;margin:0;font-size:1.125rem}.timing-status{background:var(--mint);color:var(--green-dark);border:1px solid #d5e2d9;border-radius:5px;padding:5px 10px;font-size:.875rem}.status-low,.status-interrupted{color:#77531f;background:#fbf2e2;border-color:#ead9b9}.status-moderate{color:#715729;background:#faf4e7;border-color:#e8dcbf}.active-tool-surface p{max-width:none}.active-tool-surface .timing-intro{margin-top:14px;font-size:1rem}.timing-results{background:#f5f8f6;border:1px solid #e2eae4;border-radius:9px;grid-template-columns:1.2fr 1fr .85fr;margin:30px 0 20px;display:grid}.timing-results>div{border-left:1px solid var(--line);min-width:0;padding:22px}.timing-results>div:first-child{border-left:0}.timing-results dt{color:var(--muted);font-size:.875rem}.timing-results dd{font-variant-numeric:tabular-nums;letter-spacing:-1.5px;overflow-wrap:anywhere;margin:7px 0 0;font-size:clamp(2rem,4vw,3.25rem);font-weight:600;line-height:1.3}.timing-results dd span{letter-spacing:0;color:var(--muted);margin-left:7px;font-size:1rem;font-weight:400}.timing-results dd.confidence-value{letter-spacing:-.5px;align-items:center;min-height:4.225rem;font-size:1.625rem;display:flex}.timing-results dd.timing-secondary{letter-spacing:0;color:var(--muted);margin-top:10px;font-size:.75rem;font-weight:400;line-height:1.6}.timing-feedback{min-height:74px}.active-tool-surface .timing-feedback>p{margin-top:0;font-size:.875rem}.sampling-progress{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;font-size:.875rem;display:flex}.sampling-progress progress{accent-color:var(--green);border:none;flex:1;min-width:70px;height:9px}.sampling-progress progress::-webkit-progress-bar{background:#e1e9e3;border-radius:5px}.sampling-progress progress::-webkit-progress-value{background:var(--green);border-radius:5px}.sampling-progress progress::-moz-progress-bar{background:var(--green)}.sampling-progress span{font-variant-numeric:tabular-nums;font-size:.75rem}.timing-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.timing-controls .button{min-height:48px;margin-top:0}.timing-controls>span{color:var(--muted);margin-left:auto;font-size:.75rem}.timing-controls .button-primary:hover{background:var(--green-dark)}.active-tool-surface .motion-note{color:var(--green-dark);margin-top:18px;font-size:.875rem}.active-tool-surface .timing-limit{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:.875rem}.sample-details{border:1px solid var(--line);border-radius:7px;margin-top:24px;padding:12px 16px;font-size:.875rem}.sample-details summary,.timing-faq summary{cursor:pointer;color:var(--green-dark);font-weight:600}.sample-details dl{grid-template-columns:1fr 1fr;gap:12px 22px;display:grid}.sample-details dl>div{border-bottom:1px solid #e8eee9;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-bottom:7px;display:flex}.sample-details dt{color:var(--muted)}.sample-details dd{font-variant-numeric:tabular-nums;margin:0}.active-tool-surface .sample-details p{font-size:.875rem}.timing-faq{margin-top:36px}.timing-faq h2{margin-bottom:20px;font-size:1.375rem}.timing-faq details{border-block-start:1px solid var(--line);padding-block:17px}.timing-faq details:last-child{border-block-end:1px solid var(--line)}.timing-faq p{color:var(--muted);max-width:850px;margin-top:13px}.tool-explanation{grid-template-columns:1fr 1fr;gap:45px;margin-top:40px;display:grid}.tool-explanation h2{margin-bottom:12px;font-size:1.1875rem}.tool-explanation p{color:var(--muted)}.related-section{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.related-section .section-heading h2{margin-top:0;font-size:1.5rem}.prose-page{max-width:800px}.back-link{color:var(--green);font-size:.875rem}.prose-lead{font-size:1.3125rem}.prose-page section{margin-top:35px}.prose-page section h2{letter-spacing:-.5px;margin-bottom:13px;font-size:1.4375rem}.prose-page section p{color:var(--muted)}.legal-page{overflow-wrap:anywhere}.legal-page section p+p{margin-top:12px}.legal-date{color:var(--muted);margin-block:14px 22px;font-size:.875rem}.not-found{min-height:60vh;padding-block:100px 120px}.not-found h1{letter-spacing:-1.5px;margin-top:20px;font-size:clamp(2rem,5vw,3.25rem)}.not-found p{max-width:500px;color:var(--muted);margin-top:20px}@media (max-width:1000px){.hero{grid-template-columns:1.3fr 1fr;gap:32px}.hero-actions{gap:15px}.screen-stats>div{padding-inline:16px}.tool-card{padding:22px 20px 18px}.promise-strip{flex-wrap:wrap}.promise-strip>a{margin-left:52px}}@media (max-width:800px){.container{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:28px;padding-block:48px 42px}.hero-copy{max-width:620px}.hero h1{font-size:3.0625rem}.monitor-art{max-width:365px;margin-top:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-section{padding-inline:22px}.screen-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.screen-stats>div:nth-child(3){border-left:0;padding-left:0}.screen-stats dd{font-size:1.5rem}.tests-section{padding-top:42px}.tool-explanation{gap:28px}.footer-inner{grid-template-columns:1fr}.timing-results{grid-template-columns:1fr 1fr}.timing-results .timing-primary{border-bottom:1px solid var(--line);grid-column:1/-1}.timing-results>div:nth-child(2){border-left:0}.timing-results dd.confidence-value{min-height:2.8rem}.sample-details dl{grid-template-columns:1fr}}@media (max-width:480px){.container{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:10px;min-height:74px;padding-block:12px}.brand>span:last-child{white-space:normal;overflow-wrap:anywhere}.brand{gap:7px;font-size:1.125rem}.brand-mark{border-radius:6px;width:28px;height:28px}.brand-mark .icon{width:20px;height:20px}.site-header nav{gap:14px}.site-header nav a{font-size:.75rem}.preview-label{display:none}.hero{padding-top:35px}.hero h1{letter-spacing:-1.8px;font-size:clamp(2.125rem,10vw,2.6875rem)}.hero-copy>p:not(.availability-note){margin-top:20px;font-size:1rem}.hero-actions{gap:18px;margin-top:24px}.hero-trust{gap:14px;margin-top:22px}.monitor-art{max-width:300px}.display-target{width:95px;height:95px}.display-target>div{width:62px;height:62px}.display-target:before{width:115px}.display-target:after{height:115px}.display-swatches{bottom:22px}.display-swatches span{width:19px;height:12px}.screen-section{padding:20px 17px}.section-kicker{flex-wrap:wrap;gap:7px}.screen-stats>div{padding-inline:12px}.screen-stats dd{font-size:1.3125rem}.screen-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.screen-stats>div{border-left:0;padding-inline:0}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.6875rem}.tests-section .section-heading>a{display:none}.directory-controls{flex-wrap:wrap;gap:8px}.filters{gap:3px}.filters button{padding:7px 11px}.tool-grid,.tool-explanation{grid-template-columns:1fr}.tool-card{padding:21px 22px 19px}.card-top{margin-bottom:16px}.promise-strip{gap:15px;padding:24px 20px}.promise-strip>div{flex:calc(100% - 47px);min-width:0}.promise-strip>a{margin-left:47px}.site-footer nav{gap:21px}.page-content{padding-block:25px 50px}.page-heading h1{font-size:2.125rem}.related-section .section-heading{flex-wrap:wrap}.tool-surface{padding:35px 20px}.tool-surface h2{font-size:1.375rem}.active-tool-surface{padding:22px 18px}.timing-results{grid-template-columns:1fr;margin-top:22px}.timing-results>div{border-left:0;padding:18px}.timing-results>div:last-child{border-top:1px solid var(--line)}.timing-results dd{font-size:2.5rem}.timing-results dd.confidence-value{min-height:0;margin-top:10px}.timing-feedback{min-height:110px}.timing-controls>span{width:100%;margin-left:0}.sampling-progress span{width:100%}.not-found{padding-block:60px 75px}}.visual-tool>p{color:var(--muted);margin-top:12px}.visual-start-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.visual-start-controls label{flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.visual-start-controls select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;max-width:100%;padding:10px}.visual-tool .visual-control-guide{font-size:.875rem}.visual-tool .visual-caution{border-left:3px solid var(--green);background:var(--mint);color:var(--ink);padding:12px 14px;font-size:.875rem}.visual-surface{z-index:1000;width:100%;height:100dvh;box-shadow:none;overscroll-behavior:none;touch-action:manipulation;border:0;border-radius:0;outline:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.visual-surface:fullscreen{width:100%;height:100%}.visual-surface::backdrop{background:#000}.visual-surface[hidden],.visual-panel[hidden]{display:none}.visual-panel{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));max-width:660px;max-height:calc(100% - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));color:#fff;background:#172b27;border-radius:8px;margin-inline:auto;padding:14px;font-size:.875rem;line-height:1.5;position:absolute;overflow-y:auto}.visual-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.visual-panel-heading>p{min-width:0;font-weight:700}.visual-panel>p{margin-top:10px}.visual-panel-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.visual-button{color:#172b27;background:#fff;border:0;border-radius:5px;min-height:44px;padding:9px 12px;font-size:.875rem;font-weight:600}.visual-button:focus-visible{outline-offset:3px;outline:3px solid #8dc6ff}.visual-panel .visual-fallback{color:#e0eae4;font-size:.8125rem}select:focus-visible{outline-offset:3px;outline:3px solid #397bc2}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.diagnostic-instructions{color:var(--muted);margin-bottom:16px}.diagnostic-controls{flex-wrap:wrap;gap:10px;margin-block:14px;display:flex}.diagnostic-options{flex-wrap:wrap;align-items:end;gap:12px 18px;margin-block:14px;display:flex}.diagnostic-options label{flex-direction:column;gap:5px;max-width:100%;font-size:.875rem;display:flex}.diagnostic-options select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;max-width:100%;min-height:44px;padding:9px}.diagnostic-status{overflow-wrap:anywhere;margin-block:12px;font-size:.875rem;font-weight:700}.diagnostic-note,.input-device-note{color:var(--muted);margin-top:14px;font-size:.875rem}.motion-presentation{min-width:0}.motion-stage{contain:layout paint;width:100%;height:240px;overflow:hidden}.motion-lane{width:100%;height:33.3333%;position:relative;overflow:hidden}.motion-object{will-change:transform;height:44px;position:absolute;top:calc(50% - 22px)}.ghost-block{background:currentColor;width:88px;height:44px;display:block}.block-1{background:0 0;border-left:12px solid;border-right:12px solid}.block-2{clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)}.clarity-text{white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;line-height:44px;display:block}.clarity-bars{gap:4px;height:44px;display:flex}.clarity-bars i{background:currentColor;width:3px;height:44px;display:block}.motion-reference{margin-bottom:12px;font-size:.875rem}.motion-reference strong{margin-left:8px;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;line-height:44px;display:inline-block}.motion-fullscreen{z-index:1000;background:var(--background);width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.motion-fullscreen:fullscreen{height:100%}.motion-fullscreen .motion-stage{flex:1 0 180px;min-height:180px}.motion-fullscreen .diagnostic-controls{margin-top:0}.mouse-input-area,.click-input-area,.keyboard-input-area{background:#f5f9f6;border:1px solid #aabbaf;border-radius:8px;min-width:0;margin-top:20px;padding:18px}.mouse-input-area,.click-input-area{-webkit-user-select:none;user-select:none}.mouse-input-area:focus,.click-input-area:focus,.keyboard-input-area:focus{outline-offset:3px;outline:3px solid #397bc2}.input-area-label{color:var(--muted);font-size:.875rem}.mouse-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:440px;margin:16px auto;display:grid}.mouse-button{background:#fff;border:1px solid #aabbaf;border-radius:8px;flex-direction:column;padding:12px;font-size:.875rem;display:flex}.mouse-button[data-button="1"]{text-align:center;grid-column:1/-1;justify-self:center;width:70%}.mouse-button small{color:var(--muted)}.held{color:#fff;background:var(--green);border-color:var(--green)}.mouse-button.held small{color:#fff}.input-readings{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:12px 24px;margin-block:16px;display:grid}.input-readings div{min-width:0}.input-readings dt{color:var(--muted);font-size:.8125rem}.input-readings dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:600}.click-input-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.click-input-area>p:not(.click-count){color:var(--muted);font-size:.875rem}.click-count{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;margin-top:12px;display:flex}.click-count>span:first-child{font-size:2rem;font-weight:700}.click-count>span:last-child{font-size:.875rem}.input-details{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.input-details summary{cursor:pointer;color:var(--green);font-weight:600}.input-details p{overflow-wrap:anywhere;margin-top:12px}.keyboard-layout{margin-top:18px}.keyboard-row{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.keyboard-key{text-align:center;overflow-wrap:anywhere;background:#fff;border:1px solid #bac8bf;border-radius:4px;flex-direction:column;flex:1 0 2.4rem;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:5px 3px;font-size:.75rem;display:flex}.keyboard-key.held{background:var(--green);border-color:var(--green)}.keyboard-key small{font-size:.625rem;font-weight:700}.keyboard-key[data-code=Space]{flex-grow:5}.keyboard-layout h3{margin:14px 0 8px;font-size:.875rem}.keyboard-legend{color:var(--muted);margin-top:12px;font-size:.8125rem}@media (max-width:480px){.mouse-input-area,.click-input-area,.keyboard-input-area{padding:12px}.mouse-button{padding:9px}.motion-fullscreen{padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (min-width:760px) and (max-height:500px){.motion-fullscreen{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.motion-fullscreen .motion-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex}.motion-fullscreen .diagnostic-controls,.motion-fullscreen .diagnostic-options{gap:8px;margin:0}.motion-fullscreen .button{min-height:44px;padding:8px 12px}.motion-fullscreen .diagnostic-options label{gap:2px;font-size:.8125rem}.motion-fullscreen .diagnostic-options select{padding:7px}.motion-fullscreen .diagnostic-status{margin-block:4px}.motion-fullscreen .diagnostic-note{margin-top:4px;font-size:.8125rem;line-height:1.4}.motion-fullscreen .motion-reference{margin-bottom:4px}.motion-fullscreen .motion-stage{flex-basis:144px;min-height:144px}}.breadcrumb-item{align-items:baseline;gap:10px;min-width:0;display:inline-flex}.breadcrumb-item:last-child{overflow-wrap:anywhere;display:inline}.breadcrumb-item:last-child>span:first-child:not(:last-child){margin-right:10px}.tool-use,.tool-troubleshooting{max-width:900px;margin-top:32px}.tool-use h2,.tool-troubleshooting h2{margin-bottom:12px;font-size:1.1875rem}.tool-use ol,.guide-body ol{color:var(--muted);padding-left:1.4em}.tool-use li,.guide-body li{margin-block:8px;padding-left:4px}.tool-troubleshooting p{color:var(--muted)}.content-links{margin-top:14px;padding-left:1.2em}.content-links li{margin-block:6px}.content-links a,.guide-tool-links a,.guide-source a,.directory-guide-link a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.directory-guide-link{color:var(--muted);margin-top:30px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;padding:24px;display:flex}.guide-card:hover{border-color:#97b9a7}.guide-card h3{margin-block:12px;font-size:1.125rem}.guide-card p{color:var(--muted);font-size:.875rem}.guide-card>.card-link{margin-top:auto;padding-top:18px}.guide-card .eyebrow{letter-spacing:.7px}.guide-topic{margin-block:35px}.guide-topic>h2{margin-bottom:20px;font-size:1.5rem}.guide-article{overflow-wrap:anywhere;max-width:860px}.guide-article .page-heading{max-width:none}.guide-tool-links{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--mint);color:var(--muted);border-radius:6px;padding:20px 24px}.guide-tool-links p+p{margin-top:10px}.guide-tool-links a{font-weight:600}.guide-body>section{margin-top:35px}.guide-body h2{letter-spacing:-.3px;margin-bottom:14px;font-size:1.4375rem}.guide-body p{color:var(--muted)}.guide-body p+p{margin-top:14px}.guide-body table{table-layout:fixed;border-collapse:collapse;width:100%;margin-block:20px;font-size:.875rem}.guide-body caption{text-align:left;color:var(--ink);margin-bottom:10px;font-weight:600}.guide-body th,.guide-body td{border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px}.guide-body th{background:var(--mint);font-weight:600}.guide-body td{color:var(--muted)}.guide-body .guide-source{margin-top:16px;font-size:.8125rem}.guide-article .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guides{margin-bottom:60px}@media (max-width:800px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-controls{flex-wrap:wrap}}@media (max-width:480px){.guide-grid,.guide-article .guide-grid{grid-template-columns:1fr}.guide-card{padding:20px}.guide-tool-links{padding:16px}.guide-body th,.guide-body td{padding:7px;font-size:.8125rem}.home-guides .section-heading{flex-wrap:wrap}}.complete-monitor-page{overflow-wrap:anywhere}.workflow-intro,.workflow-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:26px}.workflow-intro h2,.workflow-panel>h2{margin-bottom:16px;font-size:1.5rem}.workflow-intro>p+p{margin-top:12px}.workflow-intro>.button{margin-block:20px 12px}.workflow-progress{color:var(--green);margin-bottom:12px;font-size:.875rem;font-weight:700}.workflow-instructions{color:var(--muted);max-width:900px;margin-bottom:20px}.guided-test-slot{border:1px solid var(--line);border-radius:8px;min-width:0;padding:22px}.guided-test-slot .screen-section{margin:0;padding:18px}.guided-test-slot .screen-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guided-test-slot .screen-stats>div{border-left:0;padding-inline:0}.guided-test-slot .timing-feedback>p{margin-top:0;font-size:.875rem}.workflow-observation{border:1px solid var(--line);border-radius:8px;min-width:0;margin:24px 0 0;padding:16px}.workflow-observation legend{padding-inline:7px;font-weight:700}.workflow-observation>p{color:var(--muted);margin-bottom:10px;font-size:.875rem}.workflow-observation label{align-items:center;gap:10px;min-height:44px;padding-block:9px;display:flex}.workflow-observation input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}.workflow-observation input:focus-visible{outline-offset:4px;outline:3px solid #397bc2}.workflow-step-status{color:var(--green-dark);margin-block:18px;font-size:.875rem}.workflow-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-block:20px;display:flex}.workflow-controls .button,.workflow-intro>.button{overflow-wrap:anywhere;min-width:0;max-width:100%}.workflow-note{color:var(--muted);margin-top:12px;font-size:.875rem}.workflow-note a,.workflow-context-link a,.workflow-explanation a,.workflow-tool-links a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.workflow-explanation{max-width:900px;margin-top:36px}.workflow-explanation h2{margin-bottom:15px;font-size:1.375rem}.workflow-explanation ol{padding-left:1.4em}.workflow-explanation li{margin-block:8px}.workflow-explanation p{color:var(--muted);margin-top:14px}.workflow-feature{background:var(--mint);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:22px;display:flex}.workflow-feature>div{flex:450px;min-width:0}.workflow-feature h2{margin-bottom:10px;font-size:1.375rem}.workflow-feature p{color:var(--muted)}.workflow-context-link{color:var(--muted);margin-top:20px}.monitor-summary>section{margin-top:28px}.monitor-summary h3{margin-bottom:12px;font-size:1.25rem}.workflow-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.workflow-result{border:1px solid var(--line);background:var(--background);border-radius:8px;min-width:0;padding:18px}.workflow-result h4{margin:0 0 12px;font-size:1rem}.workflow-result>p{white-space:pre-line;color:var(--muted);font-size:.875rem}.workflow-observations{margin:16px 0 0}.workflow-observations>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block:14px;display:grid}.workflow-observations dt{font-weight:600}.workflow-observations dd{color:var(--muted);margin:0}.workflow-tool-links{flex-wrap:wrap;gap:10px 25px;padding-left:1.2em;display:flex}@media (max-width:800px){.workflow-summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.workflow-intro,.workflow-panel{padding:18px}.guided-test-slot{padding:12px}.guided-test-slot .screen-section{padding:10px}.guided-test-slot .screen-stats{grid-template-columns:1fr}.workflow-observations>div{grid-template-columns:1fr;gap:6px}.workflow-feature{padding:18px}}.analytics-consent{z-index:50;inset-inline:0;border-top:1px solid var(--line);background:var(--mint);max-height:45dvh;position:fixed;bottom:0;overflow:auto;box-shadow:0 -4px 18px #172b2712}body:has(.analytics-consent) .site-footer{padding-bottom:min(45dvh,22rem)}.analytics-consent-inner{flex-wrap:wrap;align-items:center;gap:10px 30px;padding-block:12px;display:flex}.analytics-consent-inner>div:first-child{flex:430px;min-width:0}.analytics-consent-inner p{overflow-wrap:anywhere;font-size:.875rem}.analytics-consent-inner p+p{margin-top:5px}.analytics-consent-inner a{text-underline-offset:3px;text-decoration:underline}.analytics-consent-actions{flex-wrap:wrap;gap:10px;display:flex}.analytics-consent-actions .button{flex:auto}.analytics-settings-button{color:inherit;font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.analytics-settings-button:hover{color:var(--green)}.analytics-storage-error{padding-block:12px;font-size:.875rem}@media (max-width:480px){.analytics-consent-actions{width:100%}.analytics-consent-actions .button{flex:1 1 0;min-width:0;padding-inline:8px}}