.protection-example{scroll-margin-block-start:7.5rem}.protection-example .pe-inner{position:relative;z-index:1;max-inline-size:80rem;margin-inline:auto}.pe-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:1.25rem 4rem;align-items:end;margin-block-end:clamp(2rem,4vw,3rem)}.pe-heading .pe-eyebrow{grid-column:1/-1;margin:0;font-size:.75rem;font-weight:600;letter-spacing:.11em}.site-design .protection-example .pe-heading h2{margin:0;font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.12;letter-spacing:-.04em}.site-design .protection-example .pe-heading h2>span:last-child{color:var(--mint-400)}.pe-heading>p:last-child{max-inline-size:39ch;margin:0;font-size:1rem;line-height:1.75}.pe-workspace{display:grid;grid-template-columns:minmax(12rem,.75fr) minmax(0,2fr);border:1px solid color-mix(in srgb,var(--ink-300) 25.1%,transparent);border-radius:1.1rem;background:color-mix(in srgb,var(--forest-900) 40%,transparent);box-shadow:0 18px 50px color-mix(in srgb,var(--forest-950) 10.2%,transparent);overflow:hidden}.pe-scenarios{padding:clamp(1rem,2vw,1.75rem)}.pe-scenarios button{display:grid;grid-template-columns:1.3rem minmax(0,1fr) 1rem;gap:.8rem;align-items:center;inline-size:100%;padding:1.6rem .6rem;border-block-end:1px solid color-mix(in srgb,var(--mist-500) 16.86%,transparent);text-align:start;color:var(--sage-400);transition:color .2s,background .2s}.pe-scenarios button>span{font-size:.75rem;font-variant-numeric:tabular-nums}.pe-scenarios strong{font-size:1.025rem;line-height:1.4;font-weight:500}.pe-scenarios svg{inline-size:1rem;block-size:1rem;opacity:.3}.pe-scenarios button[aria-pressed=true]{color:var(--mist-200);background:color-mix(in srgb,var(--mint-400) 2.75%,transparent)}.pe-scenarios button[aria-pressed=true] svg{opacity:1;color:var(--mint-400)}.pe-scenarios button:hover{color:var(--mist-200)}.site-design .protection-example .pe-sample{min-inline-size:0;padding:clamp(1.35rem,3vw,2.5rem);background:var(--mist-50);color:var(--forest-800);border-radius:1rem}.site-design .protection-example .pe-sample-label{display:flex;gap:.5rem;align-items:center;margin-block-end:1.25rem;color:var(--sage-700);font-size:.75rem;line-height:1.5;letter-spacing:.025em}.pe-sample-label>span{inline-size:.35rem;block-size:.35rem;flex:none;border-radius:50%;background:var(--forest-300)}.site-design .protection-example .pe-sample>h3{margin:0;max-inline-size:29ch;color:var(--forest-800);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:550;line-height:1.2;letter-spacing:-.03em}.site-design .protection-example .pe-description{margin-block:.9rem 1.25rem;color:var(--sage-600);font-size:.9rem;line-height:1.75;max-inline-size:68ch}.pe-settings{min-block-size:5rem;padding:1rem 1.1rem;border:1px solid var(--mist-400);border-radius:.65rem;background:var(--mist-200)}.pe-settings label{font-size:.875rem;line-height:2.25;color:var(--ink-600)}.pe-settings select{min-inline-size:3.5rem;min-block-size:2.25rem;margin-inline:.35rem;padding:.2rem .65rem;border:1px solid var(--mist-500);border-radius:.4rem;background:white;color:var(--signal-700);font-size:1rem;font-weight:600;cursor:pointer}.pe-settings small{display:block;color:var(--sage-700);font-size:.75rem;margin-block-end:.25rem}.pe-settings .pe-switch{display:flex;align-items:center;gap:.75rem;line-height:1.65;cursor:pointer}.pe-switch input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--signal-700);flex:none}.pe-genuine{display:flex;align-items:center;gap:.7rem;color:var(--sage-700);font-size:.9rem}.pe-genuine svg{inline-size:1.3rem}.pe-observation{display:grid;grid-template-columns:.8fr 1.4fr;gap:1.5rem;align-items:center;padding-block:1.5rem}.pe-metrics{display:flex;gap:1.5rem;margin:0}.pe-metrics>div{min-inline-size:0}.pe-metrics dt{color:var(--sage-700);font-size:.75rem;line-height:1.6;max-inline-size:14ch}.pe-metrics dd{margin-block-start:.25rem;color:var(--forest-700);font-size:1.6rem;letter-spacing:-.04em;font-weight:550;font-variant-numeric:tabular-nums}.pe-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;list-style:none;margin:0;padding:0}.pe-flow li{position:relative;display:flex;flex-direction:column;gap:.65rem;color:var(--sage-700);font-size:.75rem;line-height:1.45;transition:color .3s}.pe-flow li:before{content:"";position:absolute;inset-inline:1.8rem -.35rem;top:.8rem;block-size:1px;background:var(--mist-400)}.pe-flow li:last-child:before{display:none}.pe-flow li>span:first-child{display:grid;place-items:center;inline-size:1.6rem;block-size:1.6rem;border:1px solid var(--mist-400);border-radius:50%;font-size:.75rem;background:var(--mist-50);transition:background .3s,border-color .3s}.pe-flow li svg{inline-size:.75rem;block-size:.75rem}.pe-flow li[data-active=true]{color:var(--sage-700)}.pe-flow li[data-active=true]>span:first-child{background:var(--mist-200);border-color:var(--sage-400)}.pe-flow li[data-active=true]:before{background:var(--sage-400)}.pe-result{display:flex;align-items:start;gap:.85rem;min-block-size:7.25rem;padding:1.25rem;border:1px solid var(--mist-500);border-radius:.75rem;background:var(--mist-200);transition:background .3s}.pe-result>svg{flex:none;inline-size:1.25rem;block-size:1.25rem;color:var(--sage-700);margin-block-start:.15rem}.site-design .protection-example .pe-result h4{color:var(--sage-700);font-size:1rem;line-height:1.45;font-weight:600;letter-spacing:-.015em;margin:0}.site-design .protection-example .pe-result p{color:var(--sage-600);font-size:.9rem;line-height:1.7;margin-block-start:.45rem}.pe-result[data-outcome=processing]{background:var(--mist-200)}.pe-replay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-block-start:1rem}.pe-replay button{display:inline-flex;align-items:center;gap:.5rem;min-block-size:2.5rem;font-size:.75rem;color:var(--sage-700);text-decoration:underline;text-underline-offset:.3rem}.pe-replay svg{inline-size:.8rem;block-size:.8rem}.site-design .protection-example .pe-replay p{color:var(--sage-700);font-size:.75rem;line-height:1.6;margin:0;max-inline-size:37ch}.pe-platforms{display:grid;grid-template-columns:minmax(12rem,.75fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,4rem);padding-block:2.5rem;border-block-end:1px solid color-mix(in srgb,var(--ink-300) 21.57%,transparent)}.site-design .protection-example .pe-platform-select>p{color:var(--mist-500);max-inline-size:25ch;margin-block-end:1rem;font-size:.8rem;line-height:1.65}.pe-platform-select>div{display:flex;gap:.5rem}.pe-platform-select button{display:flex;gap:.5rem;align-items:center;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--sage-400) 18.82%,transparent);border-radius:.5rem;color:var(--sage-400);font-size:.8rem;transition:color .2s,border-color .2s,background .2s}.pe-platform-select button svg{inline-size:1rem;block-size:1rem}.pe-platform-select button[aria-pressed=true]{color:var(--mist-200);border-color:color-mix(in srgb,var(--mint-400) 47.06%,transparent);background:color-mix(in srgb,var(--mint-400) 5.1%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--mist-200) 7.84%,transparent)}.site-design .protection-example .pe-platform-content h3{color:var(--mist-200);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:500;line-height:1.35}.site-design .protection-example .pe-platform-content p{color:var(--mist-500);font-size:.875rem;line-height:1.8;max-inline-size:68ch;margin-block:.75rem}.pe-platform-content small{display:block;color:var(--sage-400);font-size:.75rem;line-height:1.7;max-inline-size:82ch}.pe-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-block-start:1.5rem}.pe-bottom>span{color:var(--sage-400);font-size:.75rem}.site-design .protection-example .pe-bottom a{display:inline-flex;align-items:center;gap:1.2rem;background:transparent;color:var(--mint-400);box-shadow:none;padding:.8rem 0;border:0;border-radius:0;min-block-size:2.75rem;font-size:.875rem}.site-design .protection-example .pe-bottom a:hover{color:var(--mist-100);background:transparent;box-shadow:none}.pe-bottom a svg{inline-size:1rem}.protection-example[dir=rtl] :is(h2,h3,h4){letter-spacing:0}.protection-example[dir=rtl] .pe-eyebrow{letter-spacing:0}@media (max-width:1000px){.pe-workspace{grid-template-columns:1fr}.pe-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem}.pe-scenarios button{grid-template-columns:1fr;gap:.5rem;border:0;padding:.75rem;border-radius:.4rem}.pe-scenarios button>svg{display:none}.pe-scenarios strong{font-size:.9rem}.pe-scenarios button[aria-pressed=true]{background:color-mix(in srgb,var(--mint-400) 5.1%,transparent)}.pe-heading{grid-template-columns:1fr;gap:1.25rem}.pe-heading>p:last-child{max-inline-size:58ch}}@media (max-width:600px){.pe-workspace{border-radius:.8rem}.site-design .protection-example .pe-sample{padding:1.2rem;border-radius:.65rem}.pe-scenarios{gap:.25rem;padding:.65rem}.pe-scenarios button{padding:.55rem}.pe-scenarios strong{font-size:.8125rem}.pe-observation{grid-template-columns:1fr;gap:1.35rem}.pe-metrics{gap:2rem}.pe-metrics dt{max-inline-size:none}.pe-flow{gap:1rem}.pe-flow li{font-size:.75rem}.pe-result{min-block-size:9rem;padding:1rem}.pe-settings{padding:.8rem}.pe-settings label{font-size:.8rem}.pe-platforms{grid-template-columns:1fr;gap:1.5rem;padding-block:2rem}.pe-platform-select{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-design .protection-example .pe-platform-select>p{margin:0}.pe-replay{align-items:start}}@media (prefers-reduced-motion:reduce){.protection-example *{transition:none!important}}html[data-site-motion=off] .protection-example *{transition:none!important}@keyframes pe-platform-enter{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}.pe-platform-content{animation:pe-platform-enter .32s cubic-bezier(.2,.7,.2,1) both}@media (prefers-reduced-motion:reduce){.pe-platform-content{animation:none}}html[data-site-motion=off] .pe-platform-content{animation:none}