.protection-lab{color-scheme:dark;--bg:#171d19;--text:#f0f1e8;--muted:#aeb8ab;--line:#354237;--accent:#b8ed98;--amber:#e9bd89}
.protection-lab :is(*){box-sizing:border-box}
.protection-lab{margin:0;background:var(--bg);color:var(--text);font-family:Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.protection-lab :is(button,a){-webkit-tap-highlight-color:transparent}
.protection-lab :is(button){font:inherit}
.protection-lab :is(button,a){touch-action:manipulation}
.protection-lab :is(a){color:inherit;text-decoration:none}
.protection-lab :is(button){cursor:pointer}
.protection-lab :is(a:focus-visible,button:focus-visible){outline:3px solid var(--accent);outline-offset:6px}
.protection-lab :is(button:disabled){cursor:default;opacity:.6}
.protection-lab :is(h1,h2,h3,p,figure){margin:0}
.protection-lab :is(em){font-style:normal;color:var(--accent)}
.protection-lab :is(.wrap){width:min(1440px,calc(100% - 96px));margin-inline:auto}
.protection-lab :is(.header){display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:28px}
.protection-lab :is(.brand){display:block}
.protection-lab :is(.brand img){max-width:190px;object-fit:contain}
.protection-lab :is(.header nav){display:flex;gap:32px;font-size:13px;color:var(--muted)}
.protection-lab :is(.header-contact){font-size:13px}
.protection-lab :is(.header-contact span){margin-left:18px;color:var(--accent)}
.protection-lab :is(.skip){position:absolute;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:16px;z-index:10}
.protection-lab :is(.skip:focus){top:12px}
.protection-lab :is(.hero){display:grid;grid-template-columns:.9fr 1.1fr;position:relative;align-items:center;padding-top:46px;min-height:calc(100svh - 112px);gap:0 20px}
.protection-lab :is(.hero-copy){position:relative;z-index:1;padding-bottom:30px}
.protection-lab :is(.eyebrow){font-size:11px;font-weight:550;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--muted)}
.protection-lab :is(.dot){display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}
.protection-lab :is(h1){font-size:clamp(60px,7.3vw,112px);line-height:.99;letter-spacing:-.062em;font-weight:550;margin:30px 0 28px}
.protection-lab :is(.intro){max-width:400px;font-size:16px;line-height:1.7;color:var(--muted)}
.protection-lab :is(.button){display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:16px 24px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.protection-lab :is(.primary){background:var(--accent);color:#182719}
.protection-lab :is(.primary:hover){background:#cef9b7}
.protection-lab :is(.primary:active){transform:translateY(1px)}
.protection-lab :is(.hero-copy>.button){margin-top:30px}
.protection-lab :is(.quiet-link){display:block;margin-top:20px;font-size:12px;color:var(--muted);width:fit-content}
.protection-lab :is(.quiet-link:hover,.header a:hover,.footer a:hover){color:var(--accent)}
.protection-lab :is(.instrument){min-width:0;position:relative;margin-left:-46px}
.protection-lab :is(.instrument svg){display:block;width:100%;height:auto;overflow:visible}
.protection-lab :is(.detector-body){transform-origin:370px 330px;animation:lab-float 7s ease-in-out 1}
.protection-lab :is(.device-led){filter:drop-shadow(0 0 5px #b8ed98)}
.protection-lab :is(.calibration){opacity:.65}
.protection-lab :is(.instrument figcaption){display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:start;margin:0 20px 35px;font-size:11px;color:var(--muted)}
.protection-lab :is(.instrument figcaption strong){font-size:13px;font-weight:450;line-height:1.6;color:var(--text)}
.protection-lab :is(.figure-index){color:var(--accent);font-variant-numeric:tabular-nums}
.protection-lab :is(.hero-bottom){grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:.1em;color:var(--muted)}
.protection-lab :is(.hero-bottom a){font-size:24px;color:var(--accent)}
.protection-lab :is(.signal-section){padding:100px 0 65px;background:#1c241e;border-block:1px solid var(--line)}
.protection-lab :is(.section-heading){display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:45px}
.protection-lab :is(.section-heading h2){font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin-top:20px}
.protection-lab :is(.section-heading>p){max-width:430px;font-size:15px;color:var(--muted);line-height:1.75}
.protection-lab :is(.controls){display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.protection-lab :is(.modes){display:flex;gap:4px;background:#141c17;border:1px solid var(--line);padding:5px;border-radius:6px}
.protection-lab :is(.modes button){padding:13px 20px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:12px;min-height:44px}
.protection-lab :is(.modes button[aria-pressed=true]){background:#344535;color:var(--text)}
.protection-lab :is(.play-controls){display:flex;gap:10px}
.protection-lab :is(.reset){border:1px solid var(--line);background:transparent;color:var(--text);width:54px;border-radius:5px;font-size:24px}
.protection-lab :is(.reset:hover){background:#344535}
.protection-lab :is(.scene){background:#172019;border:1px solid #425140;border-radius:8px;overflow:hidden}
.protection-lab :is(.scene-heading,.scene-footer){display:flex;justify-content:space-between;gap:18px;padding:18px 24px;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.protection-lab :is(.scene-heading){border-bottom:1px solid var(--line)}
.protection-lab :is(.scene-heading .dot){margin-right:8px}
.protection-lab :is(.scene-footer){border-top:1px solid var(--line);letter-spacing:0}
.protection-lab :is(.scene-footer span:first-child){color:var(--accent)}
.protection-lab :is(.network){display:block;width:100%;height:auto}
.protection-lab :is(.node){color:#849480;transition:color .4s}
.protection-lab :is(.node-bg){fill:#203023;stroke:#52644f;stroke-width:1.5;transition:fill .4s,stroke .4s}
.protection-lab :is(.node text){fill:var(--text);font-family:Onest,sans-serif;font-size:16px;text-anchor:middle;font-weight:500}
.protection-lab :is(.node text[text-anchor=end]){text-anchor:end}
.protection-lab :is(.node .sublabel){fill:var(--muted);font-size:11px;font-weight:400}
.protection-lab :is(.signal-wires path){stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s ease}
.protection-lab :is(.fault-mark){opacity:0;transition:opacity .4s}
.protection-lab :is(.fault-mark text){font:12px Onest,sans-serif}
.protection-lab :is(.scene[data-step="1"] .detector-node,.scene[data-step="2"] .detector-node,.scene[data-step="3"] .node,.scene[data-step="4"] .node){color:var(--accent)}
.protection-lab :is(.scene[data-step="2"] .signal-in,.scene[data-step="3"] .signal-wires path,.scene[data-step="4"] .signal-wires path){stroke-dashoffset:0}
.protection-lab :is(.scene[data-step="2"] .panel-node){color:var(--accent)}
.protection-lab :is(.scene[data-step="3"] .node-bg,.scene[data-step="4"] .node-bg){stroke:var(--accent);fill:#2b422b}
.protection-lab :is(.scene[data-mode="fault"][data-step="2"] .signal-in,.scene[data-mode="fault"][data-step="3"] .signal-in){stroke:var(--amber);stroke-dashoffset:.52}
.protection-lab :is(.scene[data-mode="fault"][data-step="2"] .fault-mark,.scene[data-mode="fault"][data-step="3"] .fault-mark){opacity:1}
.protection-lab :is(.scene[data-mode="fault"][data-step="2"] .panel-node){color:#849480}
.protection-lab :is(.scene[data-mode="fault"] .scene-footer span:first-child){color:var(--amber)}
.protection-lab :is(.explanation){display:grid;grid-template-columns:70px 1fr auto;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);min-height:135px;align-items:start}
.protection-lab :is(.explanation>span:first-child){font-size:42px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.protection-lab :is(.explanation h3){font-size:20px;font-weight:500;margin-bottom:9px}
.protection-lab :is(.explanation p){font-size:14px;line-height:1.7;max-width:730px;color:var(--muted)}
.protection-lab :is(.example-tag){font-size:10px;letter-spacing:.08em;color:var(--muted);padding-top:7px}
.protection-lab :is(.disclaimer){font-size:11px;color:#abb7a7;line-height:1.7;max-width:890px;margin-top:20px}
.protection-lab :is(.work){padding-block:100px 35px}
.protection-lab :is(.work-list article){display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;padding:34px 0;border-top:1px solid var(--line);align-items:start}
.protection-lab :is(.work-list article>span){font-size:12px;color:var(--accent);padding-top:7px}
.protection-lab :is(.work-list h3){font-size:27px;font-weight:500;letter-spacing:-.025em}
.protection-lab :is(.work-list p){font-size:14px;line-height:1.8;color:var(--muted);max-width:480px}
.protection-lab :is(.closing){display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0 65px;margin-top:45px;border-top:1px solid var(--line);align-items:center}
.protection-lab :is(.closing h2){font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.05;letter-spacing:-.045em}
.protection-lab :is(.closing p){font-size:15px;line-height:1.8;color:var(--muted);max-width:430px;margin-bottom:25px}
.protection-lab :is(.footer){padding:28px 0 35px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.protection-lab :is(.mobile-flow){display:none}
.protection-lab :is(.paused .signal-wires path){transition:none}
@keyframes lab-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(min-width:1600px){.protection-lab :is(.hero){min-height:820px}}
@media(max-width:1000px){.protection-lab :is(.wrap){width:calc(100% - 48px)}
.protection-lab :is(.header nav){gap:18px}
.protection-lab :is(.hero){grid-template-columns:1fr 1fr;min-height:650px}
.protection-lab :is(.instrument){margin-left:-30px}
.protection-lab :is(.instrument figcaption){grid-template-columns:1fr auto}
.protection-lab :is(.instrument figcaption>span:first-child){display:none}
.protection-lab :is(.section-heading){gap:30px}
.protection-lab :is(.modes button){padding-inline:13px}
.protection-lab :is(.work-list article){grid-template-columns:35px 1fr 1fr}
.protection-lab :is(.closing){gap:40px}}
@media(max-width:700px){.protection-lab :is(.wrap){width:calc(100% - 36px)}
.protection-lab :is(.header){padding-block:18px;gap:10px;flex-wrap:wrap}
.protection-lab :is(.brand img){width:157px;height:36px}
.protection-lab :is(.header nav){display:none}
.protection-lab :is(.header-contact){font-size:11px}
.protection-lab :is(.header-contact span){display:none}
.protection-lab :is(.hero){display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:38px}
.protection-lab :is(.eyebrow){font-size:9px;letter-spacing:.12em}
.protection-lab :is(h1){font-size:clamp(58px,13vw,82px);margin:24px 0;line-height:1}
.protection-lab :is(.intro){font-size:14px;max-width:350px}
.protection-lab :is(.hero-copy){padding-bottom:0}
.protection-lab :is(.hero-copy>.button){margin-top:23px}
.protection-lab :is(.quiet-link){font-size:11px}
.protection-lab :is(.instrument){margin:0 -10px}
.protection-lab :is(.instrument svg){max-height:460px}
.protection-lab :is(.instrument figcaption){margin:-5px 20px 30px;font-size:10px}
.protection-lab :is(.instrument figcaption strong){font-size:11px}
.protection-lab :is(.hero-bottom){font-size:8px;gap:12px}
.protection-lab :is(.hero-bottom>span:nth-child(2)){max-width:115px;line-height:1.6}
.protection-lab :is(.signal-section){padding:65px 0 45px}
.protection-lab :is(.section-heading){grid-template-columns:1fr;gap:22px;margin-bottom:30px}
.protection-lab :is(.section-heading h2){font-size:38px}
.protection-lab :is(.section-heading>p){font-size:14px}
.protection-lab :is(.controls){align-items:stretch;flex-direction:column;gap:14px}
.protection-lab :is(.modes button){flex:1;padding-inline:9px;font-size:11px}
.protection-lab :is(.play-controls .button){flex:1}
.protection-lab :is(.scene-heading,.scene-footer){padding:14px;font-size:8px;gap:12px;line-height:1.6}
.protection-lab :is(.scene-heading>span:last-child){display:none}
.protection-lab :is(.network){min-height:230px}
.protection-lab :is(.node text){font-size:18px}
.protection-lab :is(.node .sublabel){display:none}
.protection-lab :is(.mobile-flow){display:flex;align-items:center;flex-direction:column;gap:8px;padding:0 18px 22px;font-size:12px;color:var(--muted);text-align:center}
.protection-lab :is(.mobile-flow span:last-child){color:var(--accent);line-height:1.8}
.protection-lab :is(.explanation){grid-template-columns:40px 1fr;gap:14px;padding-block:22px;min-height:180px}
.protection-lab :is(.explanation>span:first-child){font-size:30px}
.protection-lab :is(.explanation h3){font-size:18px;line-height:1.3}
.protection-lab :is(.explanation p){font-size:13px}
.protection-lab :is(.example-tag){display:none}
.protection-lab :is(.disclaimer){font-size:10px}
.protection-lab :is(.work){padding-top:65px}
.protection-lab :is(.work-list article){grid-template-columns:25px 1fr;gap:12px;padding-block:24px}
.protection-lab :is(.work-list h3){font-size:23px}
.protection-lab :is(.work-list p){grid-column:2;font-size:13px}
.protection-lab :is(.closing){grid-template-columns:1fr;gap:26px;margin-top:35px;padding:45px 0}
.protection-lab :is(.closing p){font-size:14px}
.protection-lab :is(.closing .button){font-size:12px;gap:12px}
.protection-lab :is(.footer){font-size:10px;display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}
.protection-lab :is(.footer a){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.protection-lab :is(*,*::before,*::after){animation:none!important;transition:none!important}}
.protection-lab{display:block;overflow:clip}.protection-lab .section-heading{max-width:none}.protection-lab .hero{isolation:isolate}.protection-lab .hero-copy{max-width:none}.protection-lab h1{max-width:none}.protection-lab .eyebrow::before{display:none}
@media(max-width:700px){
 .protection-lab .network{display:none}
 .protection-lab .mobile-flow{display:grid;justify-items:center;gap:24px;padding:24px 16px;color:#849480}
 .protection-lab .mobile-node{display:grid;justify-items:center;gap:8px;position:relative}
 .protection-lab .mobile-node svg{width:66px;height:66px}
 .protection-lab .mobile-node span{font-size:12px;color:var(--text);line-height:1.4}
 .protection-lab .mobile-flow>.mobile-node::after{content:'↓';position:absolute;top:100%;font-size:20px;color:currentColor}
 .protection-lab .mobile-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;border-top:1px solid var(--line);padding-top:18px}
 .protection-lab .mobile-fault{display:none;color:var(--amber);font-size:13px}
 .protection-lab .scene[data-step="1"] .mobile-flow .detector-node,
 .protection-lab .scene[data-step="2"] .mobile-flow>.mobile-node,
 .protection-lab .scene[data-step="3"] .mobile-node,
 .protection-lab .scene[data-step="4"] .mobile-node{color:var(--accent)}
 .protection-lab .scene[data-step="3"] .mobile-outputs,
 .protection-lab .scene[data-step="4"] .mobile-outputs{border-color:var(--accent)}
 .protection-lab .scene[data-mode="fault"][data-step="2"] .mobile-fault{display:block;grid-row:2}
 .protection-lab .scene[data-mode="fault"][data-step="2"] .mobile-flow .panel-node{color:#849480}
 .protection-lab .scene[data-mode="fault"][data-step="2"] .mobile-flow>.detector-node::after{color:var(--amber);content:'×'}
}
