.lab-page{--lab-accent:#166b65;--lab-mint:#d8eeE8;--lab-paper:#f3f6f5;--lab-border:#dbe3e0;--lab-muted:#65716c;background:#fcfdfc}.lab-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lab-symbols{position:absolute;width:0;height:0;overflow:hidden}.lab-page :focus-visible{outline:3px solid #21877c;outline-offset:4px}.lab-main{padding-bottom:80px}.lab-main .breadcrumbs{padding:27px 0 0;margin-bottom:42px}.lab-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:48px}.lab-intro h1{font-size:clamp(38px,4.3vw,64px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 0;font-weight:700}.lab-intro h1 em{font-style:normal;color:var(--lab-accent)}.lab-live{display:inline-block;width:8px;height:8px;background:var(--lab-accent);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #e0efea}.lab-intro-aside{max-width:440px;margin-bottom:4px}.lab-intro-aside p{font-size:18px;color:#515b57;line-height:1.7;margin:0 0 22px}.lab-intro-aside>span{font-size:12px;color:var(--lab-muted)}.lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--lab-border);margin-bottom:40px;gap:0}.lab-tabs button{display:flex;justify-content:space-between;align-items:center;min-height:72px;background:transparent;color:var(--lab-muted);border:0;border-right:1px solid var(--lab-border);padding:18px 23px;cursor:pointer;font-weight:600;font-size:15px;font-family:inherit;transition:background .2s}.lab-tabs button:last-child{border-right:0}.lab-tabs button[aria-selected=true]{background:var(--ink);color:white}.lab-tabs button[aria-selected=true] span{color:#94cec0}.lab-tabs button:hover:not([aria-selected=true]){background:#e9efec}.lab-tabs button span{font-size:23px;font-weight:400}.lab-panel-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;margin:0 0 29px}.lab-panel-heading .eyebrow{font-size:11px;color:var(--lab-muted);margin:0 0 12px}.lab-panel-heading h2{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;line-height:1.2;margin:0}.lab-panel-heading>p{font-size:14px;line-height:1.75;color:var(--lab-muted);margin:0;max-width:430px}.lab-main label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:9px;color:#3d4a45}.lab-main select,.lab-main input:not([type=checkbox]):not([type=range]),.lab-main textarea{width:100%;padding:13px 14px;background:white;color:var(--ink);font-weight:400;font-size:14px;line-height:1.5;font-family:inherit;border:1px solid #ccd6d1;border-radius:6px;min-width:0;box-sizing:border-box}.lab-main select{padding-right:24px}.lab-main textarea{resize:vertical}.lab-main input[type=range]{accent-color:var(--lab-accent);width:100%;height:28px}.lab-main input[type=checkbox]{accent-color:var(--lab-accent);width:18px;height:18px;flex-shrink:0}.lab-small{color:var(--lab-muted);font-size:12px;line-height:1.7}.lab-primary,.lab-secondary,.lab-quiet{font-weight:600;font-size:13px;line-height:1.4;font-family:inherit;cursor:pointer;border-radius:6px;transition:background .2s,transform .2s;min-height:44px}.lab-primary{padding:13px 20px;background:var(--lab-accent);border:1px solid var(--lab-accent);color:white}.lab-primary:hover{background:#10534e}.lab-primary span{margin-left:24px}.lab-secondary{padding:12px 18px;border:1px solid #c6d2cc;background:transparent;color:#263c33}.lab-secondary:hover{background:#e5efea}.lab-quiet{border:0;background:transparent;padding:9px 0;color:var(--lab-accent);text-align:left}.lab-quiet:hover{text-decoration:underline}.lab-page button:disabled{opacity:.45;cursor:not-allowed}.lab-inline-link,.lab-source{color:var(--lab-accent);text-decoration:none;font-size:12px;font-weight:600}.lab-inline-link:hover,.lab-source:hover{text-decoration:underline}.lab-notice{padding:20px 24px;border-left:3px solid #77ada0;background:#edf5f1;color:#496256;font-size:14px;line-height:1.7;margin:22px 0}.solution-controls{display:grid;grid-template-columns:minmax(200px,420px) 180px;gap:18px;margin-bottom:23px}.solution-workbench{display:grid;grid-template-columns:1.7fr 1fr;background:#f0f5f2;border:1px solid var(--lab-border);border-radius:12px;overflow:hidden}.solution-scene{padding:25px 30px 15px;background:radial-gradient(ellipse at center,#e4f0e9,transparent 70%)}.solution-scene-head{display:flex;justify-content:space-between;align-items:center;color:#53725e;font-size:12px}.solution-scene-head span:last-child{font-size:9px;letter-spacing:.1em}.solution-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px;padding:35px 0}.solution-node{cursor:pointer;background:#ffffff80;border:1px solid #d3e0d6;border-radius:13px;min-height:133px;color:#526c5b;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px;font-family:inherit;transition:transform .25s,background .25s;position:relative}.solution-node:after{content:'';position:absolute;width:24px;height:1px;right:-25px;top:50%;background:#bdcfc3}.solution-node:nth-child(3n):after{display:none}.solution-node svg{height:57px;width:57px;stroke:currentColor;stroke-width:1.6;fill:none;transition:transform .3s}.solution-node:hover svg{transform:translateY(-4px)}.solution-node[aria-pressed=true]{background:white;color:#205940;border-color:#659a7b;box-shadow:0 10px 20px #30503b10;transform:translateY(-3px)}.solution-node strong{font-size:12px}.solution-node small{font-size:9px;color:#6b8776;min-height:14px}.solution-scene>p{font-size:12px;line-height:1.7;color:#647c6c;margin:0 0 10px}.solution-detail{padding:35px;background:white;border-left:1px solid var(--lab-border);display:flex;flex-direction:column;align-items:flex-start}.solution-detail>svg{width:62px;height:62px;stroke:#527b63;stroke-width:1.5;fill:none;margin-bottom:25px}.solution-detail h3{font-size:29px;line-height:1.1;letter-spacing:-.04em;margin:0 0 16px}.solution-detail p{font-size:13px;line-height:1.8;color:#617269;margin:0 0 18px}.solution-detail .reuse-note{border-top:1px solid var(--lab-border);padding-top:19px;margin-top:15px}.solution-detail label.lab-check{flex-direction:row;align-items:center;font-size:12px;color:#21543b;cursor:pointer;margin-top:auto}.solution-detail .solution-quantity{font-size:11px;color:#277252;background:#eaf3ed;padding:7px 10px;border-radius:4px;margin-bottom:14px}.lab-process{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid var(--lab-border);font-size:12px;color:#537360}.lab-process i{font-style:normal;color:#9ab5a4}.diagnosis-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:38px}.diagnosis-inputs{background:var(--lab-paper);border-radius:10px;padding:26px;align-self:start;display:grid;gap:20px}.diagnosis-result{display:grid;gap:16px;align-content:start}.diagnosis-path{padding:23px 27px;border:1px solid var(--lab-border);border-radius:9px;background:white}.diagnosis-path>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#3e7f60}.diagnosis-path h3{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:13px 0}.diagnosis-path p{font-size:13px;line-height:1.8;color:#68756d}.diagnosis-path .path-check{background:#f1f6f3;border-radius:5px;padding:12px 15px;margin-bottom:12px;color:#405c4a}.path-check strong{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.experiment-tabs{display:flex;gap:8px;margin:25px 0}.experiment-tabs button{border:1px solid #d4e0d8;padding:12px 22px;min-height:44px;border-radius:30px;background:transparent;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;color:#526a5b}.experiment-tabs button[aria-selected=true]{background:#deeee4;border-color:#96b9a3;color:#164a2c}.experiment{display:grid;grid-template-columns:1fr 1.4fr;gap:46px;align-items:center;background:#f2f6f3;border:1px solid #dbe5de;border-radius:12px;padding:38px}.experiment-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}.experiment-copy>p:not(.lab-small){font-size:14px;line-height:1.8;color:#56695d;margin:0 0 24px}.experiment-copy .lab-small{margin-top:22px}.experiment-copy>label{margin:15px 0}.experiment-copy .lab-source{font-size:10px}.drive-model{padding:27px;border:1px solid #d1e0d6;background:#fff9;border-radius:12px}.drive-lane{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:22px 0}.drive-lane+ .drive-lane{border-top:1px solid #e0e8e2}.drive-lane strong{display:flex;align-items:center;gap:12px;font-size:15px}.drive-lane strong small{font-size:10px;font-weight:400;color:#6b7c70}.drive-lane p{font-size:11px;color:#5d7d67}.drive-icon{width:64px;height:64px}.hdd-icon{border:2px solid #87a393;border-radius:50%;background:repeating-radial-gradient(circle,#f1f5f2 0 5px,#b7c9bd 6px 7px);position:relative}.hdd-icon:after{content:'';position:absolute;width:14px;height:14px;background:#5d8570;border-radius:50%;left:23px;top:23px}.hdd-icon i{position:absolute;width:32px;height:4px;left:32px;top:33px;background:#365c46;transform-origin:left center;transform:rotate(25deg)}.drive-model.running .hdd-icon i{animation:read-head .9s alternate infinite}.ssd-icon svg{width:100%;height:100%;fill:#d4e9dc;stroke:#468064;stroke-width:1.8}.drive-track{height:6px;background:#e4ebe6;border-radius:8px;margin-top:16px;overflow:hidden}.drive-track span{display:block;background:#5a9873;height:100%;width:0;transition:width .12s linear}.drive-model>p{font-size:12px;color:#41644f;border-top:1px solid #e0e8e2;padding-top:20px;line-height:1.7}.backup-actions{display:flex;flex-wrap:wrap;gap:10px}.backup-actions button{font-size:12px}.backup-model{display:grid;grid-template-columns:1fr 30px 1fr;gap:15px;align-items:center;text-align:center}.backup-device{background:white;border:1px solid #d8e3db;border-radius:12px;padding:28px 12px;display:flex;flex-direction:column;align-items:center;gap:18px}.backup-device svg{width:72px;height:72px;fill:none;stroke:#4c7c60;stroke-width:1.7}.backup-device>span{font-size:11px;color:#5f7968}.backup-device strong{font-size:18px}.backup-bridge{color:#7ca98d;font-size:25px}.backup-model>p{grid-column:1/-1;font-size:13px;line-height:1.8;color:#486d56;background:#dfebe3;padding:18px;border-radius:6px}.wifi-plan{position:relative;aspect-ratio:4/3;background:#f9fbfa;border:1px solid #cbd9ce;border-radius:8px;overflow:hidden;touch-action:none;cursor:crosshair}.wifi-plan canvas,.wifi-plan>svg{position:absolute;width:100%;height:100%;inset:0}.wifi-plan>svg{fill:none;stroke:#77897c;stroke-width:1.4;pointer-events:none}.wifi-plan>svg rect{stroke-width:.5}.wifi-plan button{position:absolute;left:28%;top:36%;transform:translate(-50%,-50%);width:42px;height:42px;min-width:42px;border:2px solid white;border-radius:50%;background:#196d4f;color:white;box-shadow:0 0 0 8px #1e754722,0 3px 10px #163f4420;font-size:26px;cursor:grab;z-index:2;touch-action:none}.wifi-desk{position:absolute;transform:translate(-50%,-50%);width:28px;height:24px;text-align:center;font-size:11px;font-weight:700;line-height:24px;background:#fff9;border:1px solid #7d9c86;border-radius:3px;pointer-events:none}.desk-a{left:22%;top:25%}.desk-b{left:78%;top:27%}.desk-c{left:78%;top:80%}.wifi-readings{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.wifi-readings span{font-size:10px;color:#3e6450;background:#e6f1e9;border-radius:4px;padding:9px 10px}.wifi-readings span[data-level=weak]{background:#f2e3d7;color:#8b5432}.wifi-readings span[data-level=medium]{background:#ecead5;color:#756726}.lab-draft{margin-top:65px;padding:46px 0 0;border-top:1px solid var(--lab-border);display:grid;grid-template-columns:1fr 1.2fr;gap:80px;scroll-margin-top:30px}.lab-draft .eyebrow{font-size:10px;color:#67806c;margin:0 0 22px}.lab-draft h2{font-size:40px;line-height:1.13;letter-spacing:-.05em;margin:0 0 25px}.lab-draft>div>p{font-size:14px;line-height:1.8;color:#64756b;max-width:390px}.draft-content details{border:1px solid var(--lab-border);border-radius:6px;margin:18px 0 23px;background:white}.draft-content summary{padding:16px;cursor:pointer;font-size:12px;font-weight:600}.draft-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;font-family:inherit;padding:0 19px 20px;max-height:420px;overflow:auto}.draft-actions{display:flex;flex-wrap:wrap;gap:11px 19px;align-items:center}.draft-actions button{font-size:12px}.draft-restore{background:#eaf2ec;padding:14px 17px;border-radius:6px;font-size:11px;color:#5c7765}.draft-restore>span{display:block}.draft-restore button{font-size:11px;margin-right:15px}.draft-content #draft-status{font-size:13px;line-height:1.7;color:#25573e;min-height:24px}.lab-teaser{margin-block:60px;background:#eef4f0;border:1px solid #d4e2d8;border-radius:12px;padding:44px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.lab-teaser .eyebrow{font-size:10px;color:#517b5d}.lab-teaser h2{font-size:35px;line-height:1.15;letter-spacing:-.04em;margin:20px 0}.lab-teaser p{font-size:14px;line-height:1.8;color:#5e7565}.lab-teaser-links{display:grid;gap:0}.lab-teaser-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #cdded2;font-size:14px;font-weight:600;text-decoration:none;color:#2f6542}.lab-teaser-links a:hover{color:#111}.lab-teaser-links span{margin-left:15px}.service-lab-link{display:block;margin:20px 0;color:#246946;font-size:14px}.lab-page [role=tabpanel]{scroll-margin-top:25px}.lab-page [role=tabpanel]:focus:not(:focus-visible){outline:none}
@keyframes read-head{to{transform:rotate(-35deg)}}
@media(min-width:851px) and (max-width:1220px){.header .desktop-nav{gap:20px}.header .header-cta{display:none}.header .brand{width:155px}.header .header-inner{justify-content:space-between}}
@media(max-width:1100px){.lab-intro{gap:35px}.lab-panel-heading{gap:25px}.lab-tabs button{font-size:12px;padding-inline:14px}.solution-detail{padding:28px}.solution-nodes{gap:20px 15px}.solution-node:after{width:15px;right:-16px}.experiment{gap:30px;padding:27px}.drive-model{padding:17px}.drive-lane{grid-template-columns:48px 1fr;gap:15px}.drive-icon{transform:scale(.7);transform-origin:left center}.lab-draft{gap:40px}.lab-teaser{gap:35px}}
@media(max-width:850px){.lab-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.lab-intro h1{font-size:48px}.lab-intro-aside{max-width:620px}.lab-intro-aside p{font-size:15px;margin-bottom:13px}.lab-main .breadcrumbs{margin-bottom:28px}.lab-panel-heading{grid-template-columns:1fr;gap:15px}.lab-panel-heading>p{max-width:650px}.solution-workbench{grid-template-columns:1fr}.solution-detail{border-left:0;border-top:1px solid var(--lab-border);position:relative;padding-right:100px}.solution-detail>svg{position:absolute;right:24px;top:27px;width:48px;height:48px}.solution-detail h3{font-size:26px}.solution-detail label.lab-check{margin-top:5px}.solution-nodes{gap:20px 25px}.solution-node:after{width:25px;right:-26px}.diagnosis-layout{grid-template-columns:245px 1fr;gap:18px}.diagnosis-inputs{padding:20px}.diagnosis-path{padding:20px}.diagnosis-path h3{font-size:19px}.experiment{grid-template-columns:1fr;gap:25px}.experiment-copy h3{font-size:26px}.experiment-copy .lab-small{margin-top:16px}.experiment-copy>p:not(.lab-small){margin-bottom:16px}.experiment-copy>label{max-width:450px}.lab-draft{grid-template-columns:1fr;gap:25px}.lab-draft h2{font-size:35px}.lab-draft>div>p{max-width:580px}.lab-teaser{padding:30px;gap:25px;grid-template-columns:1fr}.lab-teaser h2{font-size:30px}.lab-teaser-links a{padding-block:15px}}
@media(max-width:560px){.lab-intro h1{font-size:35px;letter-spacing:-.05em}.lab-intro .eyebrow{font-size:10px}.lab-intro-aside>span{font-size:10px}.lab-tabs{grid-template-columns:1fr;margin-bottom:30px;border-bottom:0}.lab-tabs button{min-height:58px;border-bottom:1px solid var(--lab-border);font-size:12px;padding:12px}.lab-tabs button{border-right:0}.lab-tabs button span{font-size:18px}.lab-panel-heading{margin-bottom:20px}.lab-panel-heading h2{font-size:26px}.lab-panel-heading>p{font-size:12px}.solution-controls{grid-template-columns:1fr 120px;gap:10px}.solution-controls label{font-size:10px}.solution-controls select,.solution-controls input{padding:12px 7px!important;font-size:12px!important}.solution-scene{padding:20px 14px 10px}.solution-scene-head span:first-child{font-size:12px}.solution-scene-head span:last-child{font-size:7px}.solution-nodes{gap:16px 12px;padding:23px 0}.solution-node{min-height:117px;padding:13px 5px;gap:9px;border-radius:9px}.solution-node svg{width:44px;height:44px}.solution-node strong{font-size:10px}.solution-node small{font-size:8px}.solution-node:after{width:12px;right:-13px}.solution-detail{padding:24px 70px 24px 23px}.solution-detail>svg{right:14px;top:27px;width:39px;height:39px}.solution-detail h3{font-size:24px}.solution-detail p{font-size:12px}.solution-detail label.lab-check{font-size:11px;line-height:1.7}.lab-notice{padding:18px;font-size:12px}.lab-process{flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:13px}.diagnosis-layout{grid-template-columns:1fr}.diagnosis-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagnosis-inputs>label:first-child,.diagnosis-inputs>.lab-small{grid-column:1/-1}.diagnosis-inputs label{font-size:11px}.diagnosis-inputs select{font-size:12px}.diagnosis-path h3{font-size:21px}.experiment-tabs{gap:5px;justify-content:space-between}.experiment-tabs button{padding:10px 12px;font-size:10px}.experiment{padding:24px 17px}.experiment-copy h3{font-size:26px}.experiment-copy>p:not(.lab-small){font-size:13px}.drive-model{padding:12px}.drive-lane strong{flex-direction:column;align-items:flex-start;gap:4px}.drive-lane{grid-template-columns:45px 1fr;gap:13px}.backup-model{grid-template-columns:1fr 16px 1fr;gap:8px}.backup-device{padding:20px 8px;gap:15px}.backup-device>span{font-size:10px}.backup-device strong{font-size:15px}.backup-device svg{width:55px;height:55px}.backup-bridge{font-size:21px}.backup-model>p{font-size:11px}.wifi-readings{gap:5px}.wifi-readings span{font-size:8px;padding:8px}.lab-draft{padding-top:32px;margin-top:42px}.lab-draft h2{font-size:31px}.lab-draft .eyebrow{font-size:9px}.draft-actions{gap:10px}.draft-actions button{font-size:11px}.draft-actions .lab-primary,.draft-actions .lab-secondary{padding-inline:14px}.lab-teaser{padding:25px}.lab-teaser h2{font-size:27px}.lab-teaser p,.lab-teaser-links a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lab-page *,.lab-teaser *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Scenario controls use the existing laboratory tokens. */
.lab-session{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.lab-session>p{font-size:12px;color:#4f6459}.lab-session>div{display:flex;gap:20px}.lab-session button{font-size:12px}.experiment-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.experiment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.experiment-next{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #cdded2}.experiment-next p{font-size:14px;color:#425a4b;margin:0}.experiment-extra{margin:18px 0 8px;font-size:12px;color:#465f4e}.experiment-extra summary{cursor:pointer;min-height:36px}.experiment-extra p{line-height:1.7}.experiment-checks{display:grid;gap:9px;margin-block:15px}.experiment-checks label{flex-direction:row;align-items:center;font-size:12px;font-weight:400}.wifi-plan{touch-action:pan-y}.wifi-plan button{touch-action:none}.wifi-plan>svg #wifi-furniture{stroke:#42594b;stroke-width:5}.backup-model>.backup-clock{margin:0;background:transparent;font-size:12px;color:#46644f;padding:0}.backup-device small{font-size:11px;line-height:1.5;color:#4b6454}.lab-small{color:#53655b}.solution-node small,.solution-scene-head,.solution-scene>p{color:#526b5b}.lab-page button:disabled{opacity:.65}.lab-page .lab-notice{color:#385644}
@media(max-width:600px){.lab-session{align-items:flex-start;flex-direction:column;gap:0}.lab-session p{font-size:11px}.lab-session>div{gap:24px}.experiment-settings{grid-template-columns:1fr}.experiment-next{flex-direction:column;align-items:flex-start;gap:10px}.experiment-next .lab-quiet{font-size:12px}.backup-actions{gap:9px}.backup-actions button{font-size:11px}.experiment-checks label{font-size:11px}.wifi-readings span{font-size:10px}.solution-node small{font-size:10px}.solution-scene-head span:last-child{font-size:9px}}
