@font-face{
  font-family:'Archivo';
  src:url('fonts/archivo-var.woff2') format('woff2-variations'),
      url('fonts/archivo-var.woff2') format('woff2');
  font-weight:100 900;
  font-stretch:62% 125%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Martian Mono';
  src:url('fonts/martian-mono-var.woff2') format('woff2-variations'),
      url('fonts/martian-mono-var.woff2') format('woff2');
  font-weight:100 800;
  font-stretch:75% 112.5%;
  font-style:normal;
  font-display:swap;
}


:root{
  
  --mch-void:#0f1012;          
  --mch-metal-1:#3b3f47;
  --mch-metal-2:#34383f;
  --mch-metal-3:#2d3138;
  --mch-metal-4:#282c33;
  --mch-deck-1:#40454d;        
  --mch-deck-2:#363a42;
  --mch-deck-3:#2e323a;
  --mch-body-1:#43464c;        
  --mch-body-2:#232529;
  --mch-body-3:#16171a;
  --mch-ground:#26292f;        
  --mch-stage-1:#35383e;       
  --mch-stage-2:#24262b;
  --mch-stage-3:#17181c;
  --mch-stage-4:#101114;

  
  --mch-edge:#c7cbd0;
  --mch-etch:#e7ebef;
  --mch-edge-hi:rgba(233,238,242,.34);    
  --mch-edge-soft:rgba(199,203,208,.22);  
  --mch-shade:rgba(0,0,0,.42);            

  
  --mch-t1:rgba(238,242,245,.92);
  --mch-t2:rgba(231,235,239,.80);
  --mch-t3:rgba(231,235,239,.72);
  --mch-t4:rgba(231,235,239,.30);

  
  --mch-lamp-word:rgba(238,242,245,.78);

  
  --mch-green:#57a07c;
  --mch-green-bright:#8fd6a8;   
  --mch-green-deep:#2c5642;

  
  --mch-readout:#eaf1f4;
  --mch-readout-dim:#8b968f;

  
  --mch-amber:#c69a55;
  
  --mch-red:#c1705c;

  
  --mch-f-ui:'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mch-f-mono:'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  
  --mch-fs-display:clamp(38px, 6.4vw, 76px);   
  --mch-fs-h1:clamp(27px, 3.6vw, 44px);        
  --mch-fs-h2:clamp(19px, 1.7vw, 24px);        
  --mch-fs-h3:17px;                            
  --mch-fs-lead:clamp(16px, 1.25vw, 19px);     
  --mch-fs-body:15px;                          
  --mch-fs-sub:14px;                           
  
  --mch-fs-prose:17px;
  --mch-lh-prose:1.7;
  --mch-fs-btn:clamp(14px, 1.05vw, 15px);      
  --mch-fs-readout:clamp(21px, 2.6vw, 34px);   
  --mch-fs-micro:11.5px;                       
  --mch-fs-nano:11px;                          
  --mch-wordmark:clamp(20px, 1.7vw, 26px);     

  
  --mch-s1:4px;   --mch-s2:8px;   --mch-s3:12px;  --mch-s4:16px;  --mch-s5:20px;
  --mch-s6:24px;  --mch-s7:32px;  --mch-s8:40px;  --mch-s9:48px;  --mch-s10:64px;
  
  --mch-s11:96px; --mch-s12:128px;

  
  --mch-gutter:clamp(20px, 4vw, 48px);
  --mch-measure:1200px;         
  --mch-measure-narrow:760px;   

  
  --mch-r1:6px; --mch-r2:10px; --mch-r3:14px; --mch-r4:18px;
  --mch-r-deck:26px; --mch-r-pill:999px;

  
  --mch-spring:cubic-bezier(.16,.84,.3,1);  
  --mch-press:.09s;                          
  --mch-ink:.16s;                            

  
  --mch-brush-alpha:.014;   
  --mch-brush-period:11px;  
  --mch-grain-opacity:.42;

  
  --mch-tap:48px;
}


.mch{
  background-color:var(--mch-ground);
  color:var(--mch-t1);
  font-family:var(--mch-f-ui);
  font-size:var(--mch-fs-body);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:transparent;
}
.mch *,.mch *::before,.mch *::after{box-sizing:border-box}
.mch h1,.mch h2,.mch h3,.mch h4,.mch p,.mch figure,.mch blockquote{margin:0}
.mch ul,.mch ol{margin:0;padding:0;list-style:none}
.mch img,.mch svg{display:block;max-width:100%}
.mch button,.mch input,.mch textarea,.mch select{font:inherit;color:inherit}
.mch button{background:none;border:0;cursor:pointer}

:where(.mch) a{color:inherit;text-decoration:none}


.mch :focus-visible{
  outline:2px solid rgba(216,222,228,.88);
  outline-offset:3px;
  border-radius:4px;
}
.mch ::selection{background:rgba(199,203,208,.26)}


.mch-skip{
  position:absolute;top:0;left:0;z-index:100;
  width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
  padding:var(--mch-s3) var(--mch-s5);border-radius:0 0 var(--mch-r2) 0;
  background-image:linear-gradient(180deg,#44484f,#303339);
  box-shadow:inset 0 1.5px 0 var(--mch-edge-hi),0 4px 12px -4px rgba(0,0,0,.6);
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-size:var(--mch-fs-micro);
  letter-spacing:1.9px;text-transform:uppercase;color:var(--mch-t1);
}
.mch-skip:focus{width:auto;height:auto;overflow:visible;clip-path:none}




.mch-wordmark,.mch-display,.mch-h1,.mch-h2,.mch-price__num,.mch-slot{
  opacity:.999;
}


.mch-wordmark{
  font-family:var(--mch-f-ui);font-weight:800;
  font-size:var(--mch-wordmark);letter-spacing:7px;text-transform:uppercase;
  color:#1a1c20;line-height:1;
  text-shadow:0 1.5px 0 rgba(255,255,255,.16), 0 -1px 1px rgba(0,0,0,.4);
}

.mch-wordmark--center{margin-right:-7px}


.mch-wordmark--light{
  color:rgba(238,242,245,.94);
  text-shadow:0 1px 0 rgba(0,0,0,.55), 0 -1px 0 rgba(255,255,255,.10);
}


.mch-display{
  font-family:var(--mch-f-ui);font-weight:700;
  font-size:var(--mch-fs-display);line-height:1.02;letter-spacing:-.02em;
  color:var(--mch-t1);
  text-wrap:balance;
}
.mch-h1{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-h1);line-height:1.12;letter-spacing:-.01em;
  color:var(--mch-t1);text-wrap:balance;
}
.mch-h2{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-h2);line-height:1.25;letter-spacing:.2px;
  color:var(--mch-t1);
}
.mch-h3{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-h3);line-height:1.3;color:var(--mch-t1);
}

.mch-lead{
  font-family:var(--mch-f-ui);font-weight:400;
  font-size:var(--mch-fs-lead);line-height:1.55;color:var(--mch-t2);
  max-width:var(--mch-measure-narrow);text-wrap:pretty;
}
.mch-body{font-size:var(--mch-fs-body);line-height:1.55;color:var(--mch-t2)}
.mch-sub{font-size:var(--mch-fs-sub);line-height:1.45;color:var(--mch-t3)}


.mch-mono{font-family:var(--mch-f-mono);font-stretch:112.5%}


.mch-micro{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;text-transform:uppercase;
  color:var(--mch-t2);text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.mch-micro--dim{color:var(--mch-t3)}

.mch-submark{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:2.2px;text-transform:uppercase;
  color:var(--mch-t2);text-shadow:0 1px 0 rgba(0,0,0,.35);
}


.mch-fine{
  font-family:var(--mch-f-ui);font-weight:400;
  font-size:var(--mch-fs-micro);line-height:1.45;letter-spacing:0;
  color:var(--mch-t3);
}


.mch-rule{
  height:1px;width:100%;flex:1 1 auto;min-width:0;border:0;
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.45) 12%, rgba(0,0,0,.45) 88%, transparent);
  box-shadow:0 1px 0 rgba(233,238,242,.06);
}



.mch-rail{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mch-s2) var(--mch-s3);width:100%}
.mch-rail > .mch-micro{flex:none;white-space:nowrap}

.mch-rail > .mch-rule{flex:1 1 0;width:auto;min-width:24px}




.mch-metal{
  position:relative;
  background-color:var(--mch-metal-3);
  background-image:
    radial-gradient(150% 108% at 50% 42%, transparent 52%, rgba(0,0,0,.30) 100%),
    radial-gradient(120% 44% at 50% 110%, rgba(0,0,0,.40), rgba(0,0,0,0) 58%),
    radial-gradient(135% 56% at 50% -8%, rgba(255,255,255,.16), rgba(255,255,255,0) 48%),
    linear-gradient(122deg, transparent 4%, rgba(255,255,255,.03) 30%, rgba(255,255,255,.075) 50%, rgba(255,255,255,.03) 70%, transparent 96%),
    repeating-linear-gradient(90deg,
      transparent 0 calc(var(--mch-brush-period) - 7px),
      rgba(255,255,255,var(--mch-brush-alpha)) calc(var(--mch-brush-period) - 7px) calc(var(--mch-brush-period) - 6px),
      transparent calc(var(--mch-brush-period) - 6px) var(--mch-brush-period)),
    linear-gradient(180deg, var(--mch-metal-1) 0%, var(--mch-metal-2) 26%, var(--mch-metal-3) 58%, var(--mch-metal-4) 100%);
  box-shadow:
    inset 0 1.5px 0 var(--mch-edge-hi),
    inset 0 3px 1px -2px rgba(255,255,255,.10),
    inset 2px 0 0 rgba(199,203,208,.06),
    inset -2px 0 0 rgba(0,0,0,.30),
    inset 0 -4px 8px rgba(0,0,0,.42);
}


.mch-grain{position:relative}
.mch-grain::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  opacity:var(--mch-grain-opacity);mix-blend-mode:soft-light;border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='460'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.92' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:240px 460px;
}


.mch-stage{
  position:relative;
  background-image:
    radial-gradient(120% 86% at 50% -6%, rgba(255,255,255,.075), transparent 58%),
    radial-gradient(150% 110% at 50% 46%, transparent 46%, rgba(0,0,0,.40) 100%),
    linear-gradient(122deg, transparent 6%, rgba(255,255,255,.016) 32%, rgba(255,255,255,.042) 50%, rgba(255,255,255,.016) 68%, transparent 94%),
    repeating-linear-gradient(90deg,
      transparent 0 calc(var(--mch-brush-period) - 7px),
      rgba(255,255,255,calc(var(--mch-brush-alpha) * 1.6)) calc(var(--mch-brush-period) - 7px) calc(var(--mch-brush-period) - 6px),
      transparent calc(var(--mch-brush-period) - 6px) var(--mch-brush-period)),
    linear-gradient(180deg, var(--mch-stage-1) 0%, var(--mch-stage-2) 34%, var(--mch-stage-3) 74%, #14161a 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(233,238,242,.16),
    inset 2px 0 0 rgba(199,203,208,.045),
    inset -2px 0 0 rgba(0,0,0,.34),
    inset 0 -1px 0 rgba(0,0,0,.5);
}


.mch-deck{
  position:relative;z-index:2;
  padding:var(--mch-s7) var(--mch-gutter) var(--mch-s5);
  border-radius:var(--mch-r-deck) var(--mch-r-deck) 0 0;
  background-image:linear-gradient(180deg, var(--mch-deck-1) 0%, var(--mch-deck-2) 42%, var(--mch-deck-3) 100%);
  box-shadow:
    inset 0 2px 0 rgba(199,203,208,.42),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 -16px 26px -14px rgba(0,0,0,.6);
}


.mch-plate{
  position:relative;
  padding:var(--mch-s7);
  border-radius:var(--mch-r4);
  background-image:
    radial-gradient(130% 90% at 50% -10%, rgba(255,255,255,.055), transparent 62%),
    linear-gradient(122deg, transparent 6%, rgba(255,255,255,.022) 34%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.022) 68%, transparent 94%),
    repeating-linear-gradient(90deg,
      transparent 0 calc(var(--mch-brush-period) - 7px),
      rgba(255,255,255,var(--mch-brush-alpha)) calc(var(--mch-brush-period) - 7px) calc(var(--mch-brush-period) - 6px),
      transparent calc(var(--mch-brush-period) - 6px) var(--mch-brush-period)),
    linear-gradient(180deg, #3a3e46 0%, #32363d 46%, #2b2f36 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(206,211,216,.26),
    inset 0 -2px 4px rgba(0,0,0,.34),
    inset 1px 0 0 rgba(199,203,208,.05),
    inset -1px 0 0 rgba(0,0,0,.24),
    0 10px 26px -14px rgba(0,0,0,.65),
    0 1px 2px rgba(0,0,0,.35);
}

.mch-plate--link{transition:transform var(--mch-press) ease, box-shadow var(--mch-press) ease}
.mch-plate--link:hover{
  box-shadow:
    inset 0 1.5px 0 rgba(206,211,216,.36),
    inset 0 -2px 4px rgba(0,0,0,.34),
    inset 1px 0 0 rgba(199,203,208,.05),
    inset -1px 0 0 rgba(0,0,0,.24),
    0 14px 30px -14px rgba(0,0,0,.7),
    0 1px 2px rgba(0,0,0,.35);
}
.mch-plate--link:active{
  transform:translateY(1px);
  box-shadow:
    inset 0 1px 0 rgba(199,203,208,.18),
    inset 0 2px 5px rgba(0,0,0,.4),
    0 4px 12px -8px rgba(0,0,0,.6);
}

.mch-plate--sunk{
  background-image:linear-gradient(180deg,#24272c 0%, #1e2126 100%);
  box-shadow:
    inset 0 3px 8px rgba(0,0,0,.5),
    inset 0 -1px 0 rgba(233,238,242,.06),
    0 1px 0 rgba(233,238,242,.04);
}


.mch-screw{
  position:absolute;width:15px;height:15px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 32%, #4a4f57, #212328 72%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.28), inset 0 -1px 1px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.4);
}
.mch-screw::after{
  content:"";position:absolute;inset:3.5px;
  clip-path:polygon(50% 1%, 94% 26%, 94% 74%, 50% 99%, 6% 74%, 6% 26%);
  background:linear-gradient(155deg, #17191c, #3a3e45 54%, #191b1e);
  box-shadow:inset 0 0 2px rgba(0,0,0,.8);
}
.mch-screw--tl{top:var(--mch-screw-inset-y,13px);left:var(--mch-screw-inset-x,14px)}
.mch-screw--tr{top:var(--mch-screw-inset-y,13px);right:var(--mch-screw-inset-x,14px)}
.mch-screw--bl{bottom:var(--mch-screw-inset-y,13px);left:var(--mch-screw-inset-x,14px)}
.mch-screw--br{bottom:var(--mch-screw-inset-y,13px);right:var(--mch-screw-inset-x,14px)}


.mch-seam-tab{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  padding:5px 16px;border-radius:var(--mch-r-pill);white-space:nowrap;
  background:linear-gradient(180deg,#3f444c,#33373e);
  box-shadow:inset 0 1px 0 rgba(199,203,208,.28), inset 0 -1px 1px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.4);
  font-family:var(--mch-f-mono);font-stretch:112.5%;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;
  
  text-transform:uppercase;color:var(--mch-t1);
}


.mch-knurl{
  background-image:
    repeating-linear-gradient(62deg, rgba(255,255,255,.055) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(-62deg, rgba(0,0,0,.30) 0 1px, transparent 1px 4px);
}


.mch-channel{
  --mch-channel-bleed:rgba(199,203,208,.13);
  --mch-channel-lip:rgba(199,203,208,.12);
  position:relative;overflow:hidden;
  min-height:clamp(62px, 8vw, 88px);
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:0 var(--mch-s4);border-radius:var(--mch-r3);
  background-image:
    radial-gradient(135% 150% at 50% 50%, transparent 52%, rgba(0,0,0,.5) 100%),
    radial-gradient(90% 130% at 50% 128%, var(--mch-channel-bleed), transparent 60%),
    linear-gradient(180deg, #090b0e 0%, #0d1114 52%, #0a0d10 100%);
  box-shadow:
    inset 0 5px 12px rgba(0,0,0,.85),
    inset 0 2px 2px rgba(0,0,0,.9),
    inset 0 -1.5px 1px var(--mch-channel-lip),
    0 1px 0 rgba(199,203,208,.16);
}

.mch-channel--live{
  --mch-channel-bleed:rgba(87,160,124,.20);
  --mch-channel-lip:rgba(150,205,178,.14);
}
.mch-channel::before{ 
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 16%);
}
.mch-channel::after{ 
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.20) 0 1px, transparent 1px 3px);
}

.mch-slot{
  --mch-slot-bloom:rgba(226,236,242,.30);
  --mch-slot-halo:rgba(226,234,240,.55);
  position:relative;z-index:2;
  min-width:calc(var(--mch-fs-readout) * 1.06);text-align:center;
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:500;
  font-size:var(--mch-fs-readout);line-height:1;
  color:var(--mch-readout);
  text-shadow:0 0 12px var(--mch-slot-bloom), 0 0 3px var(--mch-slot-halo), 0 1px 1px rgba(0,0,0,.45);
}

.mch-slot.is-empty{
  color:rgba(150,164,156,.42);font-weight:400;
  text-shadow:0 0 4px rgba(199,203,208,.14);
}
.mch-channel--live .mch-slot,.mch-slot--live{
  --mch-slot-bloom:rgba(150,220,185,.32);
  --mch-slot-halo:rgba(214,238,226,.55);
}


.mch-channel--text{
  min-height:0;
  padding:var(--mch-s4) var(--mch-s5);
}
.mch-slot--text{
  min-width:0;max-width:100%;
  font-size:var(--mch-fs-lead);letter-spacing:.4px;line-height:1.5;
  
  overflow-wrap:anywhere;
}




.mch-btn{
  --mch-btn-glow:0 0 0 0 rgba(0,0,0,0);        
  --mch-btn-glow-press:0 0 0 0 rgba(0,0,0,0);
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;min-height:52px;padding:12px var(--mch-s6);
  border-radius:var(--mch-r3);
  font-family:var(--mch-f-ui);font-weight:600;font-size:var(--mch-fs-btn);
  letter-spacing:2.2px;text-transform:uppercase;color:var(--mch-t2);
  
  line-height:1.25;text-align:center;text-wrap:balance;
  -webkit-appearance:none;appearance:none;
  background-image:linear-gradient(180deg, #44484f 0%, #383c43 52%, #303339 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(206,211,216,.24),
    inset 0 -2px 3px rgba(0,0,0,.42),
    0 6px 14px -8px rgba(0,0,0,.55),
    0 1px 3px rgba(0,0,0,.38);
  transition:transform var(--mch-press) ease, box-shadow var(--mch-press) ease, color var(--mch-ink) ease;
}

.mch-btn:hover{color:var(--mch-t1)}
.mch-btn:active,.mch-btn.is-pressed{
  transform:translateY(2px);
  box-shadow:inset 0 1px 0 rgba(199,203,208,.2), inset 0 -1px 1px rgba(0,0,0,.5), 0 4px 8px -5px rgba(0,0,0,.6);
}
.mch-btn--block{display:flex;width:100%}


.mch-btn--primary{
  min-height:56px;font-weight:700;letter-spacing:2.6px;color:#f2f5f7;
  background-image:linear-gradient(180deg, #4c515a 0%, #3b3f47 52%, #33373d 100%);
}
.mch-btn--primary:not(:disabled):not(.is-disabled):not([aria-disabled="true"]){
  box-shadow:
    inset 0 1.5px 0 rgba(206,211,216,.46),
    inset 0 -2px 3px rgba(0,0,0,.45),
    0 12px 22px -8px rgba(0,0,0,.6),
    var(--mch-btn-glow, 0 0 0 0 rgba(0,0,0,0)),
    0 2px 4px rgba(0,0,0,.4);
}
.mch-btn--primary:not(:disabled):not(.is-disabled):not([aria-disabled="true"]):active,
.mch-btn--primary:not(:disabled):not(.is-disabled):not([aria-disabled="true"]).is-pressed{
  transform:translateY(2px);
  box-shadow:
    inset 0 1.5px 0 rgba(206,211,216,.30),
    inset 0 -1px 2px rgba(0,0,0,.5),
    0 4px 10px -6px rgba(0,0,0,.7),
    var(--mch-btn-glow-press, 0 0 0 0 rgba(0,0,0,0));
}

.mch-btn.mch-btn--ready{
  --mch-btn-glow:0 6px 20px -10px rgba(199,203,208,.30);
  --mch-btn-glow-press:0 2px 8px -6px rgba(199,203,208,.22);
}

.mch-btn__ico{flex:none;opacity:.72;color:currentColor}
.mch-btn--primary .mch-btn__ico{opacity:.9}


.mch-btn--ghost{
  min-height:var(--mch-tap);background-image:none;color:var(--mch-t2);
  font-weight:600;letter-spacing:2px;
  box-shadow:inset 0 0 0 1px rgba(199,203,208,.18), inset 0 1px 0 rgba(233,238,242,.05), 0 1px 0 rgba(0,0,0,.35);
}
.mch-btn--ghost:hover{
  color:var(--mch-t1);
  box-shadow:inset 0 0 0 1px rgba(199,203,208,.30), inset 0 1px 0 rgba(233,238,242,.07), 0 1px 0 rgba(0,0,0,.35);
}
.mch-btn--ghost:active,.mch-btn--ghost.is-pressed{
  transform:translateY(1px);
  box-shadow:inset 0 0 0 1px rgba(199,203,208,.14), inset 0 2px 5px rgba(0,0,0,.4);
}

.mch-btn--danger{
  color:var(--mch-red);background-image:linear-gradient(180deg,#2c2f35 0%, #26292e 100%);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55), inset 0 -1px 0 rgba(233,238,242,.07), 0 1px 0 rgba(233,238,242,.04);
}
.mch-btn--danger:active,.mch-btn--danger.is-pressed{
  transform:translateY(1px);box-shadow:inset 0 3px 7px rgba(0,0,0,.7);
}

.mch-btn--compact{
  min-width:var(--mch-tap);min-height:var(--mch-tap);
  padding:0 var(--mch-s4);gap:8px;border-radius:var(--mch-r2);
  font-size:var(--mch-fs-btn);letter-spacing:1.8px;
}

.mch-btn:disabled,.mch-btn.is-disabled,.mch-btn[aria-disabled="true"]{
  color:var(--mch-t4);cursor:not-allowed;transform:none;
  background-image:linear-gradient(180deg, #3d4148 0%, #33373d 52%, #2e3138 100%);
  box-shadow:inset 0 1px 0 rgba(199,203,208,.14), inset 0 -1px 2px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.35);
}

.mch-btn:has(.mch-btn__why){flex-direction:column;gap:3px;padding-top:10px;padding-bottom:10px}
.mch-btn__why{
  display:block;max-width:100%;
  font-family:var(--mch-f-ui);font-weight:400;font-size:var(--mch-fs-sub);
  text-transform:none;letter-spacing:0;line-height:1.3;color:var(--mch-t3);
}


.mch-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:var(--mch-r-pill);white-space:nowrap;
  background:linear-gradient(180deg,#3b4048,#2f333a);
  box-shadow:
    inset 0 1px 0 rgba(199,203,208,.22),
    inset 0 -1px 1px rgba(0,0,0,.45),
    0 1px 2px rgba(0,0,0,.35);
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;text-transform:uppercase;
  color:var(--mch-t2);
}

.mch-chip--sunk{
  background:linear-gradient(180deg,#25282d,#1f2226);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.5), 0 1px 0 rgba(233,238,242,.05);
  color:var(--mch-t3);
}


.mch-field{
  width:100%;min-height:var(--mch-tap);
  padding:0 var(--mch-s4);border-radius:var(--mch-r2);border:0;
  font-family:var(--mch-f-ui);font-size:var(--mch-fs-body);color:var(--mch-t1);
  caret-color:var(--mch-edge);
  background-image:linear-gradient(180deg, #1e2126 0%, #23262b 100%);
  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.6),
    inset 0 1px 1px rgba(0,0,0,.7),
    inset 0 -1.5px 1px rgba(199,203,208,.10),
    0 1px 0 rgba(199,203,208,.12);
  transition:box-shadow var(--mch-ink) ease;
}
.mch-field::placeholder{color:var(--mch-t4)}
.mch-field:hover{
  box-shadow:
    inset 0 3px 7px rgba(0,0,0,.6),
    inset 0 1px 1px rgba(0,0,0,.7),
    inset 0 -1.5px 1px rgba(199,203,208,.16),
    0 1px 0 rgba(199,203,208,.18);
}

.mch-field--code{
  font-family:var(--mch-f-mono);font-stretch:112.5%;
  letter-spacing:3px;text-transform:uppercase;text-align:center;
}
.mch-label{
  display:block;margin-bottom:var(--mch-s2);
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;text-transform:uppercase;
  color:var(--mch-t2);text-shadow:0 1px 0 rgba(0,0,0,.35);
}


.mch-lamp{
  position:relative;width:26px;height:26px;border-radius:50%;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 42% 34%, #3a3e45, #1d2025 78%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22), inset 0 -1px 2px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.4);
}
.mch-lamp::after{
  content:"";width:13px;height:13px;border-radius:50%;
  background:radial-gradient(circle at 40% 34%, #4b5158, #1d2025 80%);
  box-shadow:inset 0 -1px 1px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.5);
  transition:background .5s ease, box-shadow .5s ease;
}
.mch-lamp.is-standby::after{
  background:radial-gradient(circle at 40% 34%, #23272d, #16181c 80%);
  box-shadow:
    inset 0 0 0 3px #c3c9d0,
    inset 0 -1px 1px rgba(0,0,0,.5),
    0 0 0 1px rgba(0,0,0,.5),
    0 0 7px rgba(210,218,226,.28);
  animation:mch-lamp-idle 4.2s ease-in-out infinite;
}
.mch-lamp.is-live::after{
  background:radial-gradient(circle at 40% 34%, var(--mch-green-bright), var(--mch-green) 55%, var(--mch-green-deep) 100%);
  box-shadow:0 0 14px 3px rgba(120,220,170,.55), inset 0 0 2px rgba(255,255,255,.6);
  animation:mch-lamp-breathe 3.4s ease-in-out infinite;
}
.mch-lamp.is-fault::after{
  width:14px;height:4px;border-radius:2px;
  background:linear-gradient(180deg, #e3c096 0%, var(--mch-amber) 62%, #8a6533 100%);
  box-shadow:0 0 12px 2px rgba(198,154,85,.5), inset 0 0 2px rgba(255,255,255,.4);
  animation:mch-lamp-blink 1.1s steps(1) infinite;
}

.mch-lamp-label{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:max(11px, var(--mch-fs-nano));letter-spacing:2.2px;
  text-transform:uppercase;color:var(--mch-lamp-word);
}

.mch-dot{
  width:9px;height:9px;border-radius:50%;flex:none;
  background:var(--mch-green-bright);
  box-shadow:0 0 10px rgba(133,214,170,.85);
}




.mch-nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:var(--mch-s6);
  min-height:68px;padding:0 var(--mch-gutter);
  background-image:
    linear-gradient(122deg, transparent 8%, rgba(255,255,255,.022) 40%, rgba(255,255,255,.045) 52%, transparent 92%),
    repeating-linear-gradient(90deg,
      transparent 0 calc(var(--mch-brush-period) - 7px),
      rgba(255,255,255,var(--mch-brush-alpha)) calc(var(--mch-brush-period) - 7px) calc(var(--mch-brush-period) - 6px),
      transparent calc(var(--mch-brush-period) - 6px) var(--mch-brush-period)),
    linear-gradient(180deg, #3f434b 0%, #34383f 60%, #2b2f35 100%);
  box-shadow:
    inset 0 1.5px 0 var(--mch-edge-hi),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 10px 24px -16px rgba(0,0,0,.8);
}

.mch-nav.mch-nav--flush{padding-inline:0}
.mch-nav__inner{display:flex;align-items:center;gap:var(--mch-s6);min-width:0}
.mch-footer.mch-footer--flush{padding-inline:0}


.mch-nav__brand{display:flex;align-items:center;gap:var(--mch-s3);flex:none;min-height:var(--mch-tap)}


.mch-mark{width:28px;height:28px;flex:none;display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}

.mch-mark--sm{width:24px;height:24px}

.mch-nav__links{display:flex;align-items:center;gap:var(--mch-s2);margin-left:auto;min-width:0}

.mch-nav__link{
  position:relative;display:inline-flex;align-items:center;
  min-height:var(--mch-tap);padding:0 var(--mch-s4);border-radius:var(--mch-r1);
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;text-transform:uppercase;
  color:var(--mch-t2);
  transition:color var(--mch-ink) ease;
}
.mch-nav__link::after{
  content:"";position:absolute;left:var(--mch-s4);right:var(--mch-s4);bottom:14px;
  height:1px;opacity:0;
  background:rgba(199,203,208,.5);box-shadow:0 1px 0 rgba(0,0,0,.5);
  transition:opacity var(--mch-ink) ease;
}
.mch-nav__link:hover,.mch-nav__link.is-current{color:var(--mch-t1)}
.mch-nav__link:hover::after,.mch-nav__link.is-current::after{opacity:1}


.mch-nav__back-label{white-space:nowrap}
@media (max-width:679px){
  .mch-nav__back{min-width:var(--mch-tap);padding-inline:0;justify-content:center}
  .mch-nav__back .mch-nav__back-label{display:none}
}


.mch-footer{
  position:relative;
  padding:var(--mch-s10) var(--mch-gutter) var(--mch-s8);
  background-image:
    linear-gradient(180deg, #1f2227 0%, #191c20 100%);
  box-shadow:inset 0 1px 0 rgba(233,238,242,.07);
}
.mch-footer__grid{
  display:grid;gap:var(--mch-s8);
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  max-width:var(--mch-measure);margin:0 auto;
}
.mch-footer__col{display:flex;flex-direction:column;gap:var(--mch-s3)}

.mch-footer__link{
  display:inline-flex;align-items:center;min-height:32px;
  font-size:var(--mch-fs-sub);color:var(--mch-t2);
  transition:color var(--mch-ink) ease;
}
.mch-footer__link:hover{color:var(--mch-t1)}

.mch-footer__link[aria-current]{color:var(--mch-t1)}

.mch-nav__link[aria-current]{color:var(--mch-t1)}
.mch-nav__link[aria-current]::after{opacity:1}
@media (pointer:coarse){
  .mch-footer__link{min-height:var(--mch-tap)}
}
.mch-footer__base{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--mch-s4);
  max-width:var(--mch-measure);margin:var(--mch-s8) auto 0;
  padding-top:var(--mch-s6);
  border-top:1px solid rgba(0,0,0,.45);
  box-shadow:0 -1px 0 rgba(233,238,242,.05) inset;
}



.mch-page{
  position:relative;
  min-height:100%;
  background-color:var(--mch-ground);
  background-image:
    radial-gradient(120% 60% at 50% 0%, rgba(255,255,255,.045), transparent 62%),
    linear-gradient(122deg, transparent 12%, rgba(255,255,255,.010) 38%, rgba(255,255,255,.020) 50%, rgba(255,255,255,.010) 62%, transparent 88%),
    repeating-linear-gradient(90deg,
      transparent 0 calc(var(--mch-brush-period) - 7px),
      rgba(255,255,255,calc(var(--mch-brush-alpha) * .55)) calc(var(--mch-brush-period) - 7px) calc(var(--mch-brush-period) - 6px),
      transparent calc(var(--mch-brush-period) - 6px) var(--mch-brush-period));
  background-attachment:fixed, fixed, scroll;
}

.mch-page::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  opacity:calc(var(--mch-grain-opacity) * .62);mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='460'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.009 0.92' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:240px 460px;
}
.mch-wrap{
  width:100%;max-width:var(--mch-measure);
  margin-inline:auto;padding-inline:var(--mch-gutter);
}
.mch-wrap--narrow{max-width:var(--mch-measure-narrow)}
.mch-section{padding-block:clamp(56px, 7vw, 112px)}
.mch-section--tight{padding-block:clamp(36px, 4vw, 64px)}

.mch-sechead{display:flex;flex-direction:column;gap:var(--mch-s4);margin-bottom:var(--mch-s9)}
.mch-sechead > .mch-lead{margin-top:calc(var(--mch-s1) * -1)}

.mch-grid{display:grid;gap:var(--mch-s6)}
.mch-grid--2{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}
.mch-grid--3{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}
.mch-grid--4{grid-template-columns:repeat(auto-fit, minmax(190px, 1fr))}
.mch-stack{display:flex;flex-direction:column;gap:var(--mch-s4)}
.mch-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mch-s3)}


.mch-row{
  position:relative;display:flex;align-items:center;gap:var(--mch-s4);
  width:100%;min-height:56px;padding:var(--mch-s3) 0;text-align:left;
}
.mch-row + .mch-row::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:rgba(0,0,0,.38);box-shadow:0 1px 0 rgba(233,238,242,.055);
}

.mch-row__slot{
  width:38px;height:38px;border-radius:var(--mch-r2);flex:none;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-size:12px;color:var(--mch-t2);
  background:linear-gradient(180deg,#25282d,#1c1f23);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.6), 0 1px 0 rgba(233,238,242,.06);
}
.mch-row__text{flex:1;min-width:0}

.mch-row__title{
  display:block;font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-body);color:var(--mch-t1);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mch-row__sub{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  font-family:var(--mch-f-ui);font-weight:400;font-size:var(--mch-fs-sub);
  color:var(--mch-t2);margin-top:2px;line-height:1.35;
  overflow:hidden;overflow-wrap:anywhere;
}
.mch-row__chev{ 
  width:8px;height:8px;flex:none;margin-right:2px;
  border-right:1.5px solid var(--mch-t3);border-top:1.5px solid var(--mch-t3);
  transform:rotate(45deg);
}


.mch-price{display:flex;align-items:baseline;gap:var(--mch-s2)}
.mch-price__cur{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-h2);color:var(--mch-t2);
}
.mch-price__num{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:500;
  font-size:clamp(40px, 5vw, 64px);line-height:1;color:var(--mch-readout);
  text-shadow:0 0 14px rgba(226,236,242,.22), 0 1px 1px rgba(0,0,0,.5);
}
.mch-price__term{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;text-transform:uppercase;
  color:var(--mch-t3);
}


.mch-skeleton{
  position:relative;overflow:hidden;border-radius:var(--mch-r1);
  background:rgba(0,0,0,.26);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(233,238,242,.05);
}
.mch-skeleton::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(100deg, transparent 18%, rgba(231,235,239,.10) 48%, transparent 78%);
  animation:mch-shimmer 1.5s linear infinite;
}



.mch-doc{
  max-width:var(--mch-measure-narrow);
  font-family:var(--mch-f-ui);
  font-size:var(--mch-fs-prose);
  line-height:var(--mch-lh-prose);   
  color:var(--mch-t2);
}

.mch-doc__head{display:flex;flex-direction:column;gap:var(--mch-s3)}

.mch-doc__meta{
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.3px;
  color:var(--mch-t2);
}
.mch-doc__lede{
  font-size:var(--mch-fs-lead);line-height:1.6;color:var(--mch-t1);
  text-wrap:pretty;margin-top:var(--mch-s4);
}


.mch-doc__section{margin-top:var(--mch-s9);padding-top:var(--mch-s7);position:relative}
.mch-doc__section::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,.5) 72%, transparent);
  box-shadow:0 1px 0 rgba(233,238,242,.06);
}

.mch-doc__section{scroll-margin-top:92px}
.mch-doc__section > h2{scroll-margin-top:92px}
.mch-doc h2{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-h2);line-height:1.25;letter-spacing:.2px;
  color:var(--mch-t1);margin-bottom:var(--mch-s4);
}
.mch-doc h3{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-h3);line-height:1.35;color:var(--mch-t1);
  margin:var(--mch-s6) 0 var(--mch-s2);
}
.mch-doc p{margin:var(--mch-s4) 0}
.mch-doc > .mch-doc__section > p:first-of-type{margin-top:0}
.mch-doc strong{font-weight:600;color:var(--mch-t1)}


.mch-doc__n{
  display:inline-block;min-width:2em;
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:.72em;letter-spacing:0;
  color:var(--mch-t2);vertical-align:.06em;
}


.mch .mch-doc ul,.mch .mch-doc ol{list-style:none;margin:var(--mch-s4) 0;padding:0}
.mch-doc li{position:relative;padding-left:26px;margin:var(--mch-s3) 0}
.mch-doc ul > li::before{
  content:"";position:absolute;left:2px;top:.75em;width:11px;height:1px;
  background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(233,238,242,.18);
}

.mch-doc__section ol{counter-reset:mch-clause}
.mch-doc__section ol > li{counter-increment:mch-clause;padding-left:32px}
.mch-doc__section ol > li::before{
  content:counter(mch-clause);position:absolute;left:0;top:0;
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-size:var(--mch-fs-micro);
  color:var(--mch-t3);line-height:1.72;
}



.mch .mch-link{
  color:var(--mch-t1);
  text-decoration:underline;
  text-decoration-color:rgba(199,203,208,.48);
  text-decoration-thickness:1px;
  text-underline-offset:3.5px;
  transition:text-decoration-color var(--mch-ink) ease, color var(--mch-ink) ease;
}
.mch .mch-link:hover{color:#f2f5f7;text-decoration-color:rgba(226,232,238,.95)}


.mch-note{
  position:relative;
  margin:var(--mch-s8) 0 0;
  padding:var(--mch-s7);
  color:var(--mch-t1);
}

.mch-note > .mch-seam-tab{
  left:var(--mch-s7);
  transform:none;
}

.mch-note--seam{
  
  margin-top:calc(clamp(24px, 3.2vw, 48px) * -1);
  z-index:3;
}
.mch-note p{margin:var(--mch-s3) 0;color:var(--mch-t1)}
.mch-note p:first-of-type{margin-top:0}
.mch-note .mch-doc__big{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-lead);line-height:1.4;color:var(--mch-t1);
}
.mch .mch-note ul{list-style:none;margin:var(--mch-s3) 0 0;padding:0}
.mch-note li{position:relative;padding-left:26px;margin:var(--mch-s3) 0;color:var(--mch-t1)}
.mch-note li::before{
  content:"";position:absolute;left:2px;top:.75em;width:11px;height:1px;
  background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(233,238,242,.18);
}


.mch-toc{margin:var(--mch-s8) 0 0;padding:var(--mch-s6) var(--mch-s7)}
.mch .mch-toc ol{
  list-style:none;margin:var(--mch-s4) 0 0;padding:0;
  columns:2;column-gap:var(--mch-s8);
}
.mch-toc li{margin:0;padding:0;break-inside:avoid}
.mch-toc__link{
  display:block;padding:7px 0;
  font-size:var(--mch-fs-sub);line-height:1.4;color:var(--mch-t2);
  transition:color var(--mch-ink) ease;
}
.mch-toc__link:hover{color:var(--mch-t1)}

.mch-toc .mch-doc__n{font-size:var(--mch-fs-micro);min-width:2.6em}
@media (max-width:640px){
  .mch .mch-toc ol{columns:1}
}
@media (pointer:coarse){
  .mch-toc__link{padding:11px 0}
}



@keyframes mch-lamp-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
@keyframes mch-lamp-idle{0%,100%{filter:brightness(.82)}50%{filter:brightness(1.16)}}
@keyframes mch-lamp-blink{0%,54%{opacity:1}55%,100%{opacity:.32}}
@keyframes mch-shimmer{to{transform:translateX(100%)}}


@media (prefers-reduced-motion:reduce){
  .mch-lamp.is-live::after,
  .mch-lamp.is-standby::after,
  .mch-lamp.is-fault::after,
  .mch-skeleton::after{animation:none}
  
  .mch-lamp.is-fault::after{opacity:1}
  .mch *,.mch *::before,.mch *::after{
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}




@media (min-width:1000px){
  :root{
    --mch-brush-alpha:.020;
    --mch-brush-period:14px;
    --mch-grain-opacity:.36;
  }
  .mch-plate{padding:var(--mch-s8)}
}


@media (max-width:430px){
  :root{
    --mch-gutter:18px;
    
    --mch-s11:64px;
    --mch-s12:80px;
  }
  .mch-plate{padding:var(--mch-s6)}
  .mch-btn{letter-spacing:2px}
  .mch-nav{min-height:60px;gap:var(--mch-s3)}
  
  .mch-mark{width:24px;height:24px}
  
  .mch-nav__links{
    gap:0;
    flex:1 1 auto;
    overflow-x:auto;
    overflow-y:hidden;
    
    justify-content:flex-start;
    scrollbar-width:none;                 
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;        
    scroll-snap-type:x proximity;
    
    -webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent);
    mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent);
  }
  .mch-nav__links::-webkit-scrollbar{display:none}
  .mch-nav__link{padding:0 var(--mch-s3);flex:none;scroll-snap-align:end}
  .mch-row{min-height:52px}
  
  .mch-channel{padding:0 var(--mch-s2)}
  .mch-channel > *{min-width:0}
}


@media (max-width:360px){
  :root{--mch-gutter:16px}
  
}


@media print{
  .mch{background:#fff;color:#000}
  .mch-metal,.mch-plate,.mch-deck,.mch-nav,.mch-footer,.mch-stage{
    background:none !important;box-shadow:none !important;
    border:1px solid #999;
  }
  .mch-grain::after,.mch-screw{display:none}
  .mch-wordmark{color:#000;text-shadow:none}
}





.mch-plate--framed{padding:var(--mch-s2);--mch-inset:var(--mch-s6)}
@media (min-width:1000px){
  .mch-plate--framed{--mch-inset:var(--mch-s7)}
}
.mch-plate--framed > .mch-plate--sunk{
  padding:var(--mch-inset);
  border-radius:var(--mch-r2);
}

.mch-plate__head{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--mch-s3) var(--mch-s5);
  padding:var(--mch-s6) var(--mch-inset) var(--mch-s5);
}



.mch-spec,.mch-spec dt,.mch-spec dd{margin:0}
.mch-spec{display:block}
.mch-spec__row{
  position:relative;display:grid;align-items:baseline;
  grid-template-columns:minmax(0, 11.5rem) 1fr;gap:var(--mch-s2) var(--mch-s5);
  padding-block:var(--mch-s5);
}
.mch-spec__row + .mch-spec__row::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:rgba(0,0,0,.42);box-shadow:0 1px 0 rgba(233,238,242,.05);
}
.mch-spec__row:first-child{padding-top:0}
.mch-spec__row:last-child{padding-bottom:0}
.mch-spec__term{
  font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-body);line-height:1.4;color:var(--mch-t1);
}
.mch-spec__def{
  font-family:var(--mch-f-ui);font-weight:400;
  font-size:var(--mch-fs-body);line-height:1.6;color:var(--mch-t2);
}
@media (max-width:640px){
  .mch-spec__row{grid-template-columns:1fr;gap:var(--mch-s1)}
}


.mch-steps{counter-reset:mch-step}
.mch-steps > li{
  position:relative;counter-increment:mch-step;
  display:grid;grid-template-columns:auto 1fr;gap:var(--mch-s2) var(--mch-s5);
  padding-block:var(--mch-s5);
}
.mch-steps > li::before{
  content:counter(mch-step, decimal-leading-zero);
  font-family:var(--mch-f-mono);font-stretch:112.5%;font-weight:400;
  font-size:var(--mch-fs-micro);letter-spacing:1.9px;
  color:var(--mch-t3);text-shadow:0 1px 0 rgba(0,0,0,.35);
  padding-top:3px;
}
.mch-steps > li::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:rgba(0,0,0,.38);box-shadow:0 1px 0 rgba(233,238,242,.055);
}
.mch-steps__title{
  display:block;font-family:var(--mch-f-ui);font-weight:600;
  font-size:var(--mch-fs-body);line-height:1.35;color:var(--mch-t1);
}
.mch-steps__body{
  display:block;font-size:var(--mch-fs-body);line-height:1.6;
  color:var(--mch-t2);margin-top:4px;
}
.mch-steps__act{display:block;margin-top:var(--mch-s4)}


.mch-status{
  min-height:1.5em;margin-top:var(--mch-s3);
  font-family:var(--mch-f-ui);font-size:var(--mch-fs-sub);line-height:1.45;
  color:var(--mch-t2);
}
:root{
  
  --mch-amber-lit:#e3c096;
}
.mch-status--warn{color:var(--mch-amber-lit)}


.mch-slot--value{
  
  font-size:var(--mch-slot-size, clamp(24px, 3.2vw, 38px));
  letter-spacing:1.5px;line-height:1.2;
}

.mch-rail--long > .mch-micro{white-space:normal;flex:0 1 auto;min-width:0}


.mch-micro--bright{color:var(--mch-t1)}


.mch-seam-tab--left{left:var(--mch-s7);transform:none}


.mch-slot--code{-webkit-user-select:all;user-select:all}

.mch-channel--code{padding:var(--mch-s5) var(--mch-s4)}


.mch-cord{position:relative;width:132px;height:14px;flex:none}
.mch-cord__end{
  position:absolute;top:50%;width:9px;height:9px;border-radius:50%;
  transform:translateY(-50%);
}
.mch-cord__end--a{left:0;box-shadow:inset 0 0 0 2px var(--mch-edge), 0 1px 1px rgba(0,0,0,.5)}
.mch-cord__end--b{right:0;background:var(--mch-edge);box-shadow:0 1px 1px rgba(0,0,0,.5)}
.mch-cord__track{
  position:absolute;left:13px;right:13px;top:50%;height:3px;
  transform:translateY(-50%);border-radius:2px;overflow:hidden;
  background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  box-shadow:inset 0 1px 2px rgba(0,0,0,.7), 0 1px 0 rgba(233,238,242,.07);
}
.mch-cord__pulse{
  position:absolute;top:0;bottom:0;width:38%;border-radius:2px;
  background:linear-gradient(90deg, transparent, rgba(226,236,242,.75), transparent);
  animation:mch-cordrun 1.7s var(--mch-spring) infinite;
}
@keyframes mch-cordrun{from{left:-42%}to{left:104%}}


.mch-note--caution{
  padding-top:var(--mch-s7);
}
.mch-note--caution > .mch-seam-tab{
  color:var(--mch-t1);
  box-shadow:
    inset 0 1px 0 rgba(216,222,228,.42),
    inset 0 -1px 1px rgba(0,0,0,.5),
    0 2px 4px rgba(0,0,0,.4);
}


.mch-field::placeholder{color:var(--mch-t3)}


.mch button.mch-btn,.mch a.mch-btn{
  font-family:var(--mch-f-ui);
  font-size:var(--mch-fs-btn);
  font-weight:600;
  line-height:1.25;
}
.mch button.mch-btn--primary,.mch a.mch-btn--primary{font-weight:700}
.mch input.mch-field,.mch textarea.mch-field{
  font-family:var(--mch-f-ui);
  font-size:var(--mch-fs-body);
}
.mch input.mch-field--code{font-family:var(--mch-f-mono);font-stretch:112.5%}


.mch-hp{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}

@media (prefers-reduced-motion:reduce){
  .mch-cord__pulse{animation:none;left:31%}
}

@media print{
  .mch-plate__head,.mch-note--caution{padding:0}
  .mch-cord,.mch-seam-tab{display:none}
  .mch-spec__def,.mch-steps__body,.mch-status{color:#000}
  .mch-channel{background:none !important;box-shadow:none !important;border:1px solid #999}
  .mch-slot{color:#000;text-shadow:none}
}


@media print{
  
  .mch-doc,.mch-doc p,.mch-doc li,.mch-doc strong,.mch-doc em,
  .mch-doc h2,.mch-doc h3,.mch-doc__lede,.mch-doc__meta,.mch-doc__big,
  
  .mch-doc__n,
  
  .mch-seam-tab,
  .mch-note,.mch-note p,.mch-note li,
  .mch-h1,.mch-h2,.mch-h3,.mch-lead,.mch-body,.mch-sub,.mch-fine,
  .mch-micro,.mch-submark,.mch-label,.mch-mono,
  .mch-footer__link,.mch-nav__link{
    color:#000;
    text-shadow:none;
  }
  
  .mch .mch-note .mch-doc__big,
  .mch .mch-note p,
  .mch .mch-note li,
  
  .mch .mch-footer__link[aria-current],
  .mch .mch-link{color:#000}

  
  .mch .mch-link{color:#000;text-decoration:underline;text-decoration-color:#000}

  
  .mch-doc ul > li::before{background:#000;box-shadow:none;height:1px}
  .mch-note li::before{background:#000;box-shadow:none;height:1px}
  .mch-doc__section::before{background:#999;box-shadow:none}
  .mch-doc__section ol > li::before{color:#000}
  .mch-rule{background:#999;box-shadow:none}

  
  .mch-note{border:1px solid #999;background:none !important;box-shadow:none !important}

  
  .mch-nav,.mch-skip,.mch-toc{display:none}
}