/* Shared styles for product pages: STRYKER, Nemesis, Sentinel OS, Systems */


.sk{--bg:#000000;--ink:#E9E6DF;--muted:#9a9a9a;--line:#2c2c2c;--soft:#141619;background:var(--bg);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Helvetica,sans-serif;font-size:17px;line-height:1.55}
.sk-hero{padding-top:calc(72px + env(safe-area-inset-top,0px))}
.sk .sk-wrap{max-width:1280px;margin:0 auto;padding-left:max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4vw,56px),env(safe-area-inset-right,0px))}
.sk-post a.sk-post-link{text-decoration:none}
.sk-post .sk-thumb{aspect-ratio:16/10;background:var(--soft);border:1px solid var(--line);overflow:hidden}
.sk-post .sk-thumb img{width:100%;height:100%;object-fit:cover}
.sk-post p{margin:0;color:var(--muted);font-size:15px}
@media (hover:none){.sk-btn-solid:hover{background:#fff;border-color:#fff}.sk-btn-ghost:hover{border-color:#5a5a5a}}
@media (max-width:600px){
  .sk{font-size:16px}
  .sk-product-name{font-size:clamp(48px,15vw,72px);font-stretch:110%}
  h2.sk-display{font-size:clamp(28px,8vw,38px)}
  .sk-hero-actions{flex-direction:column;align-items:stretch}
  .sk-hero-actions .sk-btn{width:100%}
  section.sk-block{padding:64px 0}
  .sk-section-head{margin-bottom:36px}
  .sk-spec{gap:32px}
  .sk-spec dl div{grid-template-columns:minmax(0,1fr)}
  .sk-hero-foot b{font-size:19px}
  .sk-tabs button{padding:0 14px}
  .sk-sensor-note{padding:16px}
  .sk-subnav ul a{padding:0 10px;font-size:14px}
  .sk-missions summary{padding:20px 0}
}
@media (max-width:374px){.sk-hero-foot{grid-template-columns:minmax(0,1fr)}.sk-hero-foot div,.sk-hero-foot div+div{padding-left:0;border-left:0;border-top:1px solid #262626}}






.sk img,.sk svg,.sk canvas{max-width:100%;display:block}
.sk a{color:inherit}
.sk :focus-visible{outline:2px solid currentColor;outline-offset:3px}
.sk-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}

/* type */
.sk-display{font-stretch:118%;font-weight:620;letter-spacing:-0.025em;line-height:0.98;margin:0}
h1.sk-display{font-size:clamp(44px,7vw,96px)}
h2.sk-display{font-size:clamp(30px,4vw,52px);line-height:1.04}
.sk-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:34em}
.sk-small{font-size:14px;line-height:1.45}
.sk-muted{color:var(--muted)}

/* buttons */
.sk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;font:inherit;font-size:16px;font-weight:600;text-decoration:none;border:1px solid currentColor;cursor:pointer;transition:background-color .2s,color .2s}
.sk-btn-solid{background:#fff;color:#000;border-color:#fff}
.sk-btn-solid:hover{background:#d9d9d9;border-color:#d9d9d9}
.sk-btn-ghost{background:transparent;color:#fff;border-color:#5a5a5a}
.sk-btn-ghost:hover{border-color:#fff}

/* hero */
.sk-hero{background:#000;color:#fff;position:relative}

.sk-wordmark{font-family:"Poppins","Archivo",sans-serif;font-weight:700;font-size:24px;letter-spacing:-0.01em;text-decoration:none;color:#fff}




.sk-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:center;padding:48px 0 72px}
.sk-hero-copy .sk-lede{color:#c4c4c4;margin:28px 0 36px}
.sk-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.sk-stage{position:relative;height:min(620px,62vw);min-height:360px}
.sk-stage canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y}
.sk-stage canvas:active{cursor:grabbing}
.sk-stage-caption{position:absolute;left:0;bottom:4px;color:#8c8c8c;font-size:13px;pointer-events:none}
.sk-hero-foot{border-top:1px solid #262626;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.sk-hero-foot div{padding:22px 20px 26px 0}
.sk-hero-foot div + div{padding-left:20px;border-left:1px solid #262626}
.sk-hero-foot b{display:block;font-stretch:112%;font-weight:600;font-size:22px;font-variant-numeric:tabular-nums}
.sk-hero-foot span{color:#9a9a9a;font-size:14px}

/* sections */
section.sk-block{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--line)}
.sk-section-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;margin-bottom:56px;align-items:end}
.sk-section-head p{margin:0;max-width:36em;color:var(--muted)}

/* spec */
.sk-spec{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.sk-drawing{color:var(--ink)}
.sk-drawing svg{width:100%;height:auto}
.sk-spec dl{margin:0;border-top:1px solid var(--ink)}
.sk-spec dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.sk-spec dt{color:var(--muted);font-size:15px}
.sk-spec dd{margin:0;font-weight:560;font-variant-numeric:tabular-nums}

/* sensors */
.sk-sensor-shell{background:#000;color:#fff;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.sk-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid #262626;overflow-x:auto}
.sk-tabs button{flex:0 0 auto;min-height:44px;padding:0 18px;background:transparent;color:#a0a0a0;border:1px solid transparent;border-radius:4px;font:inherit;font-size:15px;font-weight:550;cursor:pointer}
.sk-tabs button:hover{color:#fff}
.sk-tabs button[aria-pressed="true"]{color:#000;background:#fff}
.sk-sensor-view{position:relative;aspect-ratio:16/8}
.sk-sensor-view canvas{width:100%;height:100%}
.sk-sensor-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:20px 24px 24px;border-top:1px solid #262626}
.sk-sensor-note p{margin:0;max-width:44em}
.sk-sensor-note .sk-small{color:#8c8c8c}

/* missions */
.sk-missions{border-top:1px solid var(--ink)}
.sk-missions details{border-bottom:1px solid var(--line)}
.sk-missions summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:16px;padding:26px 0;cursor:pointer;min-height:44px}
.sk-missions summary::-webkit-details-marker{display:none}
.sk-missions summary h3{margin:0;font-stretch:112%;font-weight:580;font-size:clamp(22px,2.4vw,30px);letter-spacing:-0.015em}
.sk-missions .sk-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:transform .25s}
.sk-missions details[open] .sk-icon{transform:rotate(45deg)}
.sk-missions .sk-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:0 0 32px}
.sk-missions .sk-body p{margin:0;max-width:38em}
.sk-missions .sk-uses{color:var(--muted);font-size:15px}

/* journal */
.sk-journal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sk-post{border-top:1px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:14px}
.sk-post .sk-kind{color:var(--muted);font-size:14px}
.sk-post h3{margin:0;font-stretch:108%;font-weight:580;font-size:22px;line-height:1.2;letter-spacing:-0.01em}
.sk-post a{font-weight:600;font-size:15px;text-underline-offset:4px}

/* partner */
.sk-partner{background:#000;color:#fff;padding:clamp(80px,11vw,140px) 0}
.sk-partner-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
.sk-partner p{color:#c4c4c4;margin:24px 0 0;max-width:36em}



.sk-kicker{color:#a6a6a6;font-size:16px;margin:0 0 14px}
.sk-product-name{font-size:clamp(64px,11vw,148px);font-stretch:125%;font-weight:700;letter-spacing:-0.035em}


.sk-subnav{position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:20;background:var(--bg);border-bottom:1px solid var(--line);}
.sk-subnav-inner{display:flex;align-items:center;gap:28px;min-height:60px}
.sk-subnav-name{font-stretch:125%;font-weight:700;letter-spacing:-0.02em}
.sk-subnav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;overflow-x:auto;flex:1}
.sk-subnav ul a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;color:var(--muted);font-size:15px;border-radius:4px;white-space:nowrap}
.sk-subnav ul a:hover{color:var(--ink)}
.sk-subnav ul a.active{color:var(--ink);background:var(--soft)}
.sk-subnav-cta{font-weight:600;font-size:15px;text-underline-offset:4px;white-space:nowrap}
section.sk-block{scroll-margin-top:60px}

.sk-control{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.sk-ui-mock svg{width:100%;height:auto;color:var(--ink)}
.sk-control-list{margin:0;border-top:1px solid var(--ink)}
.sk-control-list div{padding:16px 0;border-bottom:1px solid var(--line)}
.sk-control-list dt{font-weight:600}
.sk-control-list dd{margin:4px 0 0;color:var(--muted)}

.sk-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sk-timeline li{border-top:2px solid var(--line);padding-top:18px;position:relative}
.sk-timeline li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line)}
.sk-timeline li.done{border-top-color:var(--ink)}
.sk-timeline li.done::before{background:var(--ink);border-color:var(--ink)}
.sk-timeline li.now::before{border-color:var(--ink)}
.sk-timeline b{display:block;font-stretch:110%;font-size:20px;font-weight:600;margin-bottom:6px}
.sk-timeline span{color:var(--muted);font-size:15px}

@media (max-width:900px){
  .sk-subnav-name,.sk-subnav-cta{display:none}
  .sk-control{grid-template-columns:minmax(0,1fr)}
  .sk-timeline{grid-template-columns:minmax(0,1fr)}
  
  .sk-hero-grid,.sk-section-head,.sk-spec,.sk-partner-grid,.sk-missions .sk-body{grid-template-columns:minmax(0,1fr)}
  .sk-hero-grid{padding:24px 0 48px}
  .sk-stage{height:auto;aspect-ratio:4/3;min-height:0}
  .sk-hero-foot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-hero-foot div:nth-child(3){padding-left:0;border-left:0}
  .sk-hero-foot div:nth-child(n+3){border-top:1px solid #262626}
  .sk-journal{grid-template-columns:minmax(0,1fr)}
  .sk-sensor-view{aspect-ratio:1/1}
  .sk-sensor-note{grid-template-columns:minmax(0,1fr)}
  
}


/* Button text colours must beat ".sk a{color:inherit}" */
.sk a.sk-btn-solid{background:#fff;color:#000;border-color:#fff}
.sk a.sk-btn-solid:hover{background:#d9d9d9;border-color:#d9d9d9;color:#000}
.sk a.sk-btn-ghost{color:#fff}
@media (hover:none){.sk a.sk-btn-solid:hover{background:#fff;border-color:#fff}}

/* ===== Shared additions for Systems, Nemesis and Sentinel OS ===== */
.sk-signal{color:#E8A33D}
.sk-os-mark{font-family:"Poppins",sans-serif;font-weight:700;color:#E8A33D;font-size:clamp(18px,2vw,26px);display:block;margin-bottom:4px}
.sk-cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sk-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sk-card{border:1px solid var(--line);background:var(--soft);padding:28px;display:flex;flex-direction:column;gap:12px}
.sk-card h3{margin:0;font-stretch:112%;font-weight:620;font-size:clamp(21px,2vw,26px);letter-spacing:-0.01em}
.sk-card p{margin:0;color:#c4c4c4}
.sk-card .sk-tagline{color:var(--muted);font-size:14px}
.sk-card ul{margin:4px 0 0;padding:0;list-style:none}
.sk-card li{padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:#c4c4c4}
.sk-note{border-left:3px solid #E8A33D;background:var(--soft);padding:22px 24px;max-width:72ch;color:#c4c4c4;margin-top:40px}
.sk-note b{color:var(--ink)}
.sk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sk-chips span{font-size:13px;border:1px solid var(--line);padding:5px 10px;color:#c4c4c4}

/* Stepper (Nemesis sequence) */
.sk-stepper{background:#000;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sk-steps{display:flex;gap:4px;padding:8px;border-bottom:1px solid #262626;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sk-steps button{flex:0 0 auto;min-height:44px;padding:0 16px;background:transparent;color:#a0a0a0;border:1px solid transparent;border-radius:4px;font:inherit;font-size:15px;font-weight:550;cursor:pointer;white-space:nowrap}
.sk-steps button[aria-pressed="true"]{color:#000;background:#fff}
.sk-steps button.sk-gate[aria-pressed="false"]{border-color:#E8A33D55;color:#E8A33D}
.sk-steps button.sk-gate[aria-pressed="true"]{background:#E8A33D}
.sk-step-view{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.sk-step-view svg{width:100%;height:auto;display:block;border-right:1px solid #262626}
.sk-step-text{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.sk-step-text h3{margin:0;font-stretch:112%;font-size:24px;font-weight:620}
.sk-step-text p{margin:0;color:#c4c4c4}
.sk-step-text .sk-who{font-size:14px;color:var(--muted)}
.sk-step-text .sk-who b{color:#E8A33D;font-weight:600}
.sk-scene .s{opacity:0;transition:opacity .4s}
.sk-scene[data-step="0"] .s0,.sk-scene[data-step="1"] .s1,.sk-scene[data-step="2"] .s2,.sk-scene[data-step="3"] .s3,.sk-scene[data-step="4"] .s4{opacity:1}
.sk-scene[data-step="2"] .s1b,.sk-scene[data-step="3"] .s1b,.sk-scene[data-step="4"] .s1b{opacity:1}
@media (prefers-reduced-motion:no-preference){.sk-orbit{animation:skspin 9s linear infinite;transform-origin:300px 170px}@keyframes skspin{to{transform:rotate(360deg)}}}

/* Layer explorer (Sentinel OS) */
.sk-layers{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.sk-layer-list{display:flex;flex-direction:column;gap:8px}
.sk-layer-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;min-height:64px;padding:16px 20px;background:var(--soft);color:var(--ink);border:1px solid var(--line);font:inherit;font-weight:600;font-size:17px;cursor:pointer;border-radius:4px}
.sk-layer-list button span{font-weight:400;font-size:13px;color:var(--muted)}
.sk-layer-list button[aria-pressed="true"]{border-color:var(--ink);background:#1c1f23}
.sk-layer-list button.sk-core{background:#E8A33D;color:#000;border-color:#E8A33D}
.sk-layer-list button.sk-core span{color:#2a1c05}
.sk-layer-list button.sk-core[aria-pressed="true"]{box-shadow:0 0 0 2px #000,0 0 0 4px #E8A33D}
.sk-layer-list .sk-indent1{margin:0 16px}
.sk-layer-panel{border:1px solid var(--line);padding:32px;background:#050607}
.sk-layer-panel h3{margin:0 0 12px;font-stretch:115%;font-size:clamp(24px,2.6vw,34px);font-weight:650}
.sk-layer-panel p{margin:0 0 20px;color:#c4c4c4;max-width:46ch}
.sk-layer-panel ul{margin:0;padding:0;list-style:none}
.sk-layer-panel li{padding:12px 0;border-top:1px solid var(--line);color:#c4c4c4}
.sk-layer-panel li b{color:var(--ink);display:block;font-weight:600}

/* Mesh simulation */
.sk-mesh{background:#000;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sk-mesh-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-bottom:1px solid #262626;align-items:center}
.sk-mesh-bar button{min-height:44px;padding:0 16px;background:transparent;color:#ddd;border:1px solid #3a3a3a;border-radius:4px;font:inherit;font-size:15px;font-weight:550;cursor:pointer}
.sk-mesh-bar button[aria-pressed="true"]{background:#E8A33D;color:#000;border-color:#E8A33D}
.sk-mesh-bar .sk-mesh-status{margin-left:auto;font-size:14px;color:#9a9a9a;padding:0 8px}
.sk-mesh-view{aspect-ratio:16/8}
.sk-mesh-view canvas,.sk-hero-net{width:100%;height:100%;display:block}
.sk-legend{display:flex;flex-wrap:wrap;gap:18px;padding:16px 20px;border-top:1px solid #262626;font-size:14px;color:#9a9a9a}
.sk-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}

/* Tables that become stacked cards on phones */
.sk-table{width:100%;border-collapse:collapse;font-size:16px}
.sk-table th,.sk-table td{text-align:left;padding:16px 16px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.sk-table thead th{color:var(--muted);font-weight:500;font-size:14px;border-bottom:1px solid var(--ink)}
.sk-table tbody th{font-weight:650;font-stretch:110%}
.sk-table td{color:#c4c4c4}

/* Systems overview */
.sk-hero-plain{padding-top:calc(72px + env(safe-area-inset-top,0px) + clamp(48px,7vw,96px));padding-bottom:clamp(56px,8vw,112px)}
.sk-hero-plain .sk-product-name{font-size:clamp(48px,8vw,120px);max-width:13ch}
.sk-sysrow{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(56px,8vw,104px) 0;border-top:1px solid var(--line)}
.sk-sysrow:nth-child(even) .sk-sysart{order:2}
.sk-sysart{background:var(--soft);border:1px solid var(--line);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--ink)}
.sk-sysart svg{width:100%;height:100%}
.sk-domain{font-size:15px;color:var(--muted);margin:0 0 8px}
.sk-sysname{font-size:clamp(44px,6vw,88px);font-stretch:125%;font-weight:700;letter-spacing:-0.03em;line-height:.9;margin:0 0 20px}
.sk-sysrow .sk-lede{color:#c4c4c4;margin:0 0 24px}
.sk-points{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--line)}
.sk-points li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;color:#c4c4c4}
.sk-status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#c4c4c4;margin-bottom:20px}
.sk-status i{width:8px;height:8px;border-radius:50%;background:#E8A33D}

@media (max-width:900px){
	.sk-cards2,.sk-cards3,.sk-layers,.sk-step-view,.sk-sysrow{grid-template-columns:minmax(0,1fr)}
	.sk-step-view svg{border-right:0;border-bottom:1px solid #262626}
	.sk-sysrow:nth-child(even) .sk-sysart{order:0}
	.sk-mesh-view{aspect-ratio:4/3}
}
@media (max-width:600px){
	.sk-card{padding:22px}
	.sk-step-text{padding:20px}
	.sk-layer-panel{padding:22px}
	.sk-layer-list .sk-indent1{margin:0 8px}
	.sk-mesh-view{aspect-ratio:1/1}
	.sk-mesh-bar .sk-mesh-status{margin-left:0;width:100%;padding:4px 8px}
	.sk-mesh-bar button{flex:1 1 auto}
	.sk-table thead{display:none}
	.sk-table,.sk-table tbody,.sk-table tr,.sk-table th,.sk-table td{display:block;width:100%}
	.sk-table tr{padding:14px 0;border-bottom:1px solid var(--line)}
	.sk-table th,.sk-table td{border:0;padding:3px 0}
	.sk-table td[data-label]::before{content:attr(data-label) ": ";color:var(--muted)}
	.sk-sysname{font-size:clamp(40px,13vw,60px);font-stretch:112%}
	.sk-hero-plain .sk-product-name{font-size:clamp(36px,10.5vw,52px);font-stretch:110%}
	.sk-points li{font-size:15px}
}
.sk-scale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);counter-reset:sc}
.sk-scale li{counter-increment:sc;padding:24px 24px 0 0}
.sk-scale li+li{padding-left:24px;border-left:1px solid var(--line)}
.sk-scale li::before{content:counter(sc);display:inline-flex;width:28px;height:28px;border-radius:50%;background:#E8A33D;color:#000;font-weight:700;font-size:14px;align-items:center;justify-content:center;margin-bottom:12px}
.sk-scale b{display:block;font-size:20px;margin-bottom:6px}
.sk-scale span{color:#c4c4c4;font-size:16px}
@media (max-width:900px){.sk-scale{grid-template-columns:minmax(0,1fr)}.sk-scale li,.sk-scale li+li{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}}