.achievements-frame .ach-grid {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: var(--s-5, 20px);
      overflow-x: auto;

      padding: 52px 16px;

      margin-block: -44px;
      scrollbar-width: thin;
    }
    .achievements-frame .ach-log { display: none; }


    .bento-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--s-4, 16px);
      margin-top: var(--s-6, 48px);
    }
    .bento-panel {
      border: 1px solid rgba(57, 255, 20, 0.18);
      background: rgba(0, 8, 0, 0.55);
      padding: var(--s-5, 20px);

      overflow: visible;
    }
    .bento-stats .cell-head { min-height: 0; margin-bottom: 6px; }
    .bento-stats .cell-title { font-size: 22px; letter-spacing: -0.01em; }
    .bento-stats .cell-caption { min-height: 0; margin: 0 0 14px; }
    .bento-achievements {
      grid-column: 1 / -1;
    }

    @media (max-width: 720px) {
      .bento-stats { grid-template-columns: 1fr; }
    }

    .bento-achievements .cell-head {
      align-items: center;
      text-align: center;
    }




    .bento-achievements .ach-grid {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;



      align-items: flex-start;
      gap: var(--s-5, 20px);
      padding: 52px 16px;
      margin-block: -44px;
      overflow-x: unset;
      scrollbar-width: unset;
    }


    .hero-realname {
      margin-top: 44px;
      font-size: 14px;
      letter-spacing: 1px;
      display: flex;
      gap: 8px;
      align-items: baseline;
      flex-wrap: wrap;
    }
    .hero-realname .hr-key { color: var(--green); opacity: .8; }
    .hero-realname .hr-val { color: var(--ink); letter-spacing: 2px; }

    .hero-grid {
      grid-template-columns: 1fr 320px;
      column-gap: var(--s-6);
    }
    @media (max-width: 980px) {
      .hero-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 720px) {

      .hero-realname { margin-top: 20px; }
    }




    .about-side {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: var(--s-4);
      height: 100%;
    }
    .about-body { max-width: 720px; }








    .proj-carousel { --pc-w: 360px; --pc-h: 264px; --pc-quantity: 4; --pc-z: 310px; --pc-rotateX: -9deg; --pc-perspective: 1400px; margin-top: var(--s-3); position: relative; }
    .pc-stage { position: relative; height: 470px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 10%, #000 90%, transparent 100%); cursor: grab; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
    .pc-stage.is-dragging { cursor: grabbing; }
    .pc-slot { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; perspective: var(--pc-perspective); }
    .pc-ring { position: relative; width: var(--pc-w); height: var(--pc-h); transform-style: preserve-3d; transform: rotateX(var(--pc-rotateX)); margin-top: -46px; will-change: transform; }











    .pc-card {
      position: absolute;
      inset: 0;
      transform: rotateY(calc((360deg / var(--pc-quantity)) * var(--pc-index))) translateZ(var(--pc-z));
      transform-style: preserve-3d;
      cursor: pointer;
    }



    .pc-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 6;
      border-radius: 10px;
      border: 1px solid var(--line);
      transform: rotateY(180deg);
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      background:
        radial-gradient(circle at 50% 42%, rgba(57,255,20,0.13), transparent 55%),
        repeating-linear-gradient(0deg, rgba(57,255,20,0.05) 0 1px, transparent 1px 12px),
        repeating-linear-gradient(90deg, rgba(57,255,20,0.05) 0 1px, transparent 1px 12px),
        #050a05;
    }
    .pc-card .pc-face { opacity: 0.45; filter: brightness(0.62) saturate(0.75); transition: opacity 0.5s ease, filter 0.5s ease, border-color 0.35s ease, box-shadow 0.35s ease; }
    .pc-card.is-front .pc-face { opacity: 1; filter: none; border-color: var(--green); box-shadow: 0 0 24px rgba(57,255,20,0.22), 0 20px 50px rgba(0,0,0,0.55); }
    .pc-card.is-front .pc-hint { opacity: 1; color: var(--green); }
    .pc-card.pc-locked { cursor: default; }
    .pc-card:focus-visible { outline: none; }

    .pc-face {
      position: absolute;
      inset: 0;
      border: 1px solid var(--line-strong);
      border-radius: 10px;
      overflow: hidden;
      background: var(--bg-1);
      box-shadow: 0 14px 40px rgba(0,0,0,0.45);
      transition: border-color 0.35s ease, box-shadow 0.35s ease;
    }
    .pc-card:hover .pc-face,
    .pc-card:focus-visible .pc-face {
      border-color: var(--green);
      box-shadow: 0 0 22px rgba(57,255,20,0.22), 0 20px 50px rgba(0,0,0,0.55);
    }




    .pc-thumb.card-thumb {
      position: absolute;
      inset: 0;
      aspect-ratio: auto;
      height: 100%;
      border-radius: 0;
      border: 0;
    }
    .pc-thumb .proj-shot { object-fit: contain; opacity: 0.98; }
    .pc-thumb .proj-shot-bg { object-fit: cover; transform: scale(1.12); filter: grayscale(0.4) sepia(0.85) hue-rotate(56deg) saturate(3.2) contrast(1.15) brightness(0.4) blur(14px); }


    .pc-thumb-todo {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      text-align: center;
      font-family: var(--font-mono);
      font-size: 13px;
      letter-spacing: 1px;
      color: var(--ink-dim);
      background:
        repeating-linear-gradient(
          -45deg,
          rgba(57,255,20,0.05) 0 10px,
          transparent 10px 20px
        ),
        var(--bg-2);
    }
    .pc-lock-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 10px;
      border: 1px solid var(--line-strong);
      border-radius: 3px;
      color: var(--green);
      background: rgba(3,5,3,0.7);
      font-size: 12px;
      letter-spacing: 1px;
    }


    .pc-num {
      position: absolute;
      top: 10px; left: 12px;
      z-index: 4;
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 1px;
      color: var(--green);
      text-shadow: 0 0 6px rgba(57,255,20,0.6);
    }

    .pc-face .proj-status { z-index: 4; white-space: nowrap; }


    .pc-info {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      z-index: 4;
      padding: 30px 14px 13px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      font-family: var(--font-mono);
      background: linear-gradient(0deg, rgba(3,5,3,0.96) 35%, rgba(3,5,3,0.0));
    }
    .pc-title {

      margin: 0;
      font-family: var(--font-mono);
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.5px;
      color: var(--ink);
    }
    .pc-tags { display: flex; flex-wrap: wrap; gap: 6px; }
    .pc-hint {
      font-size: 12px;
      letter-spacing: 1px;
      color: var(--green-soft);
      opacity: 0.85;
    }
    .pc-card.pc-locked .pc-hint { color: var(--ink-dim); }


    .pc-scan {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      background: repeating-linear-gradient(
        180deg,
        rgba(57,255,20,0.05) 0 1px,
        transparent 1px 3px
      );
      opacity: 0.28;
    }


    .pc-help {
      margin-top: var(--s-3);
      text-align: center;
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 1px;
      color: var(--ink-dim);
    }
    .pc-help b { color: var(--green); font-weight: 400; }


    @media (max-width: 720px) {
      .proj-carousel { --pc-w: 300px; --pc-h: 224px; --pc-z: 260px; }
      .pc-stage { height: 430px; }
    }
    @media (max-width: 440px) {
      .proj-carousel { --pc-w: 250px; --pc-h: 190px; --pc-z: 215px; }
      .pc-stage { height: 380px; }
      .pc-title { font-size: 14px; letter-spacing: 0.3px; }
      .pc-info { padding: 24px 10px 10px; gap: 6px; }
      .pc-tags .chip { font-size: 12px; padding: 2px 6px; }
      .pc-hint { font-size: 11px; }
    }











    .tools-card {
      position: relative;
      margin-bottom: var(--s-7);
      border: 1px solid var(--line-strong);
      border-radius: var(--r-md);
      background:
        repeating-linear-gradient(180deg, rgba(57,255,20,0.04) 0 1px, transparent 1px 3px),
        rgba(0, 8, 0, 0.55);
      padding: var(--s-5);
      overflow: hidden;
      box-shadow: inset 2px 4px 16px 0 rgba(57, 255, 20, 0.04);
    }
    .tools-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(120% 80% at 0% 0%, rgba(57,255,20,0.06), transparent 55%);
    }



    .tools-stage {
      position: relative;
      margin-top: var(--s-5);
      padding-top: var(--s-4);
      border-top: 1px solid var(--line);
    }
    .stack-label {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 2.4px;
      color: rgba(143, 199, 138, 0.92);
      margin-bottom: var(--s-4);
    }
    .stack-row { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 22px; }

    .stack-row::before {
      content: "";
      position: absolute;
      left: calc(100% / 14);
      right: calc(100% / 14);
      bottom: 9px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(57,255,20,0.085) 8%, rgba(57,255,20,0.085) 92%, transparent);
    }

    .stack-item {
      position: relative;
      display: grid;
      grid-template-rows: 60px auto;
      align-content: start;
      justify-items: center;
      gap: 13px;
      padding: 4px 0 46px;
    }
    .stack-item .ico { position: relative; display: grid; place-items: center; height: 60px; animation: stack-float 5.5s ease-in-out infinite; }










    .stack-item .ico::before {
      content: "";
      position: absolute;
      left: 50%; top: 50%;
      width: var(--sz, 56px); height: var(--sz, 56px);
      transform: translate(-50%, -50%) scale(1.45);
      background: radial-gradient(circle,
        color-mix(in srgb, var(--brand) 96%, transparent) 0%,
        color-mix(in srgb, var(--brand) 62%, transparent) 34%,
        color-mix(in srgb, var(--brand) 24%, transparent) 58%,
        transparent 76%);
      filter: blur(22px);
      opacity: .95;
      pointer-events: none;
      z-index: 0;
      transition: opacity var(--t-base) ease, filter var(--t-base) ease, transform var(--t-base) ease;
    }
    .stack-item .ico > i,
    .stack-item .ico > em { position: relative; z-index: 1; filter: drop-shadow(0 0 7px color-mix(in srgb, var(--brand) 60%, transparent)); }



    .stack-item .ico::after {
      content: "";
      position: absolute;
      left: 50%; top: 50%;
      width: calc(var(--sz, 56px) * .8); height: calc(var(--sz, 56px) * .8);
      transform: translate(-50%, -50%);
      background: radial-gradient(circle,
        var(--brand) 0%,
        color-mix(in srgb, var(--brand) 72%, transparent) 42%,
        transparent 72%);
      filter: blur(8px);
      opacity: .9;
      pointer-events: none;
      z-index: 0;
      transition: opacity var(--t-base) ease, filter var(--t-base) ease;
    }
    .stack-item:hover .ico::after { opacity: 1; filter: blur(11px); }
    .stack-item:hover .ico > i,
    .stack-item:hover .ico > em { filter: drop-shadow(0 0 12px color-mix(in srgb, var(--brand) 80%, transparent)); }
    .stack-item:hover .ico::before { opacity: 1; filter: blur(26px); transform: translate(-50%, -50%) scale(1.65); }
    .stack-item i {
      display: block;
      width: var(--sz, 56px);
      height: var(--sz, 56px);
      background: var(--brand);
      -webkit-mask: var(--src) center / contain no-repeat;
              mask: var(--src) center / contain no-repeat;
      transition: filter var(--t-base) ease, transform var(--t-base) ease;
    }
    .stack-item em {
      font-style: normal;
      display: grid;
      place-items: center;
      width: 56px;
      height: 56px;
      font-size: 52px;
      line-height: 0.9;
      font-weight: 800;
      letter-spacing: -2px;
      color: var(--brand);
      transition: filter var(--t-base) ease, transform var(--t-base) ease;
    }
    .stack-item b {
      font-family: var(--font-mono);
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 1.5px;
      color: var(--ink-dim);
      transition: color var(--t-base) ease;
    }

    .stack-item::after {
      content: "";
      position: absolute;
      bottom: 6.5px;
      left: 50%;
      width: 6px;
      height: 6px;
      margin-left: -3px;
      border-radius: 50%;
      background: #060c05;
      border: 1px solid rgba(57,255,20,0.2);
      transition: background var(--t-base) ease, border-color var(--t-base) ease, box-shadow var(--t-base) ease;
    }

    .stack-item s {
      position: absolute;
      bottom: 22px;
      left: 50%;
      transform: translate(-50%, -3px);
      text-decoration: none;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 1.3px;
      color: rgba(127, 154, 122, 0.9);
      white-space: nowrap;
      opacity: 0;
      transition: opacity var(--t-base) ease, transform var(--t-base) ease;
    }
    @keyframes stack-float {
      0%, 100% { transform: translateY(0); }
      50%      { transform: translateY(-3px); }
    }
    .stack-item:hover i,
    .stack-item:hover em { transform: translateY(-4px); filter: drop-shadow(0 0 10px color-mix(in srgb, var(--brand) 45%, transparent)); }
    .stack-item:hover b { color: var(--ink); }
    .stack-item:hover s { opacity: 1; transform: translate(-50%, 0); }
    .stack-item:hover::after {
      background: var(--brand);
      border-color: var(--brand);
      box-shadow: 0 0 12px color-mix(in srgb, var(--brand) 70%, transparent);
    }

    .stack-sub { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 34px; }
    .stack-chip {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 6px 11px 6px 8px;
      border: 1px solid rgba(57,255,20,0.1);
      border-radius: 999px;
      background: rgba(0, 12, 0, 0.28);
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 1.1px;
      color: color-mix(in srgb, var(--brand) 58%, rgba(127,154,122,0.9));
      transition: color var(--t-base) ease, border-color var(--t-base) ease;
    }
    .stack-chip i {
      display: block;
      width: 15px;
      height: 15px;
      background: currentColor;
      -webkit-mask: var(--src) center / contain no-repeat;
              mask: var(--src) center / contain no-repeat;
    }
    .stack-chip:hover { color: var(--brand); border-color: color-mix(in srgb, var(--brand) 38%, transparent); }

    @media (max-width: 860px) {
      .stack-row { grid-template-columns: repeat(4, 1fr); row-gap: 30px; }
      .stack-row::before { display: none; }
      .stack-item { padding-bottom: 34px; }
      .stack-item::after { display: none; }
      .stack-item s { bottom: 10px; }
    }
    @media (max-width: 480px) {
      .stack-row { grid-template-columns: repeat(3, 1fr); }
      .stack-item { --sz: 46px; grid-template-rows: 50px auto; }
      .stack-item .ico { height: 50px; }
      .stack-item em { width: 46px; height: 46px; font-size: 42px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .stack-item .ico { animation: none; }
      .stack-item:hover i,
      .stack-item:hover em { transform: none; }
    }
    html.is-lowperf .stack-item .ico { animation: none; }
    html.is-lowperf .stack-item .ico::before,
    html.no-heavy-fx .stack-item .ico::before { filter: blur(12px); opacity: .7; }
    html.is-lowperf .stack-item .ico::after,
    html.no-heavy-fx .stack-item .ico::after { filter: blur(6px); opacity: .8; }


    .tools-card-head {
      position: relative;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: var(--s-4);
      flex-wrap: wrap;
      margin-top: var(--s-3);
    }
    .tools-card-head .cell-title { font-size: 36px; }
    .tools-card-eyebrow {
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 2px;
      color: var(--green-soft);
      opacity: 0.85;
      white-space: nowrap;
    }
    .tools-card-desc {

      position: relative;
      margin: var(--s-3) 0 0;
      max-width: 60ch;
      font-family: var(--font-mono);
      font-size: 16px;
      line-height: 1.625;
      color: var(--ink-dim);
    }
    .tools-card-desc .accent { color: var(--green); }








    #homelab{--hl-r:14px;--hl-ln:rgba(57,255,20,.11);--hl-lnh:rgba(57,255,20,.30);--hl-ez:cubic-bezier(.16,1,.3,1);--hl-surf:linear-gradient(180deg,rgba(57,255,20,.035),rgba(57,255,20,.008))}
    .hl-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-top:var(--s-3);align-items:stretch}
    .hl-diagram{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 26px 24px;border:1px solid var(--hl-ln);border-radius:var(--hl-r);background:radial-gradient(118% 88% at 50% 28%,rgba(57,255,20,.055) 0%,transparent 62%),repeating-linear-gradient(0deg,rgba(57,255,20,.018) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(57,255,20,.018) 0 1px,transparent 1px 28px),rgba(0,7,0,.5);overflow:hidden;transition:border-color .5s var(--hl-ez),box-shadow .5s var(--hl-ez)}
    .hl-diagram:hover{border-color:rgba(57,255,20,.22);box-shadow:0 24px 60px -34px rgba(0,0,0,.95)}
    .hl-diagram::after{content:'';position:absolute;left:50%;top:56%;width:58%;height:56%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(57,255,20,.045),transparent 72%);pointer-events:none;z-index:0}

    .hl-sep{display:flex;align-items:center;gap:12px;margin:30px 0 0}
    .hl-sep::before{content:'';flex:none;width:5px;height:5px;border-radius:1px;background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.7)}
    .hl-sep::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(57,255,20,.1),transparent)}
    .hl-sep span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}
    .hl-facts{display:flex;flex-direction:column;gap:14px}
    .hl-fact{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 20px 18px 22px;border:1px solid var(--hl-ln);border-radius:var(--hl-r);background:var(--hl-surf);overflow:hidden;transition:border-color .45s var(--hl-ez),transform .45s var(--hl-ez),box-shadow .45s var(--hl-ez)}

    .hl-fact::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--green),rgba(57,255,20,.12));transform:scaleY(0);transform-origin:50% 0;transition:transform .5s var(--hl-ez)}
    .hl-fact:hover{border-color:var(--hl-lnh);transform:translateY(-2px);box-shadow:0 22px 48px -30px rgba(0,0,0,.95)}
    .hl-fact:hover::before{transform:scaleY(1)}
    .hl-fact b{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:2.4px;color:var(--green);text-transform:uppercase}
    .hl-fact b::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(57,255,20,.22),transparent)}
    .hl-fact>span{font-size:14px;line-height:1.7;color:var(--ink-dim);text-wrap:pretty}
    .hl-fact span .accent{color:var(--green)}
    .hl-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.8);animation:hlPulse 2.2s ease-in-out infinite}
    @keyframes hlPulse{0%,100%{opacity:1}50%{opacity:.35}}
    .hl-ghost{animation:hlGhost 3.4s ease-in-out infinite}
    @keyframes hlGhost{0%,100%{opacity:.5}50%{opacity:.95}}
    .hl-deep{display:grid;grid-template-columns:1.22fr .92fr .86fr;gap:14px;margin-top:14px}
    .hl-two{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
    .hl-three{grid-template-columns:1.15fr .95fr .9fr}
    .hl-card{position:relative;padding:20px 22px;border:1px solid var(--hl-ln);border-radius:var(--hl-r);background:var(--hl-surf);transition:border-color .45s var(--hl-ez),transform .45s var(--hl-ez),box-shadow .45s var(--hl-ez)}
    .hl-card:hover{border-color:var(--hl-lnh);transform:translateY(-2px);box-shadow:0 22px 48px -30px rgba(0,0,0,.95)}

    .hl-card>b{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:2.4px;color:var(--green);text-transform:uppercase;margin-bottom:15px}
    .hl-card>b::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(57,255,20,.22),transparent)}
    .hl-card>p{margin:0 0 13px;font-size:14px;line-height:1.7;color:var(--ink-dim);text-wrap:pretty}
    .hl-card>p:last-child{margin-bottom:0}

    .hl-split{display:grid;grid-template-columns:1.05fr .95fr;gap:0 30px;align-items:start}
    .hl-split>b{grid-column:1/-1}
    .hl-split>p{margin:0}
    .hl-split>.hl-kv{padding-left:30px;border-left:1px solid rgba(57,255,20,.08)}
    .hl-pre{margin:0;padding:16px 18px;border:1px solid rgba(57,255,20,.1);border-radius:10px;background:rgba(0,9,0,.55);font-family:var(--font-mono);font-size:12.5px;line-height:1.75;color:#8fc78a;overflow-x:auto;white-space:pre}
    .hl-pre .hot{color:var(--green);text-shadow:0 0 6px rgba(57,255,20,.4)}
    .hl-pre .neg{color:var(--lc-hard,#ff5555)}

    .hl-kv{display:grid;grid-template-columns:auto 1fr;gap:0 22px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.4px;font-variant-numeric:tabular-nums}
    .hl-kv b{font-weight:400;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(143,199,138,.7);padding:8px 0;border-top:1px solid rgba(57,255,20,.07)}
    .hl-kv span{color:var(--green);text-align:right;padding:8px 0;border-top:1px solid rgba(57,255,20,.07)}
    .hl-kv b:first-of-type,.hl-kv b:first-of-type+span{border-top:0;padding-top:0}


    .hl-kv.hl-lim b{align-self:start}
    .hl-kv.hl-lim span{text-align:left;color:var(--ink-dim);font-size:12.5px;line-height:1.6;text-wrap:pretty}
    .hl-st{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase}
    .hl-st div{display:flex;align-items:center;gap:11px;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(57,255,20,.07)}
    .hl-st div:first-child{border-top:0;padding-top:0}
    .hl-st i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.8);animation:hlPulse 2.2s ease-in-out infinite}
    .hl-st div:nth-child(2) i{animation-delay:.4s}.hl-st div:nth-child(3) i{animation-delay:.8s}.hl-st div:nth-child(4) i{animation-delay:1.2s}.hl-st div:nth-child(5) i{animation-delay:1.6s}.hl-st div:nth-child(6) i{animation-delay:2s}
    .hl-st em{font-style:normal;flex:1;color:rgba(143,199,138,.8)}
    .hl-st span{color:var(--green)}


    .hl-road{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:18px}
    .hl-road::before{content:'';position:absolute;left:10px;right:10px;top:19px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,255,20,.16) 5%,rgba(57,255,20,.16) 95%,transparent)}
    .hr-i{position:relative;padding:52px 10px 0 0}
    .hr-i i{position:absolute;top:0;left:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(57,255,20,.2);background:rgba(3,7,3,.97);font-style:normal;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:rgba(143,199,138,.65);transition:border-color .45s var(--hl-ez),color .45s var(--hl-ez),box-shadow .45s var(--hl-ez)}

    .hr-i u{position:absolute;top:11px;left:50px;text-decoration:none;padding:3px 8px;border-radius:999px;border:1px solid rgba(57,255,20,.12);background:rgba(3,7,3,.97);font-family:var(--font-mono);font-size:9px;letter-spacing:1.6px;color:rgba(143,199,138,.45)}
    .hr-i b{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:1.7px;text-transform:uppercase;color:var(--ink);margin-bottom:7px;transition:color .35s var(--hl-ez)}
    .hr-i span{display:block;font-size:12.5px;line-height:1.6;color:var(--ink-dim);text-wrap:pretty}
    .hr-i:hover i{border-color:rgba(57,255,20,.5);color:var(--green);box-shadow:0 0 18px -4px rgba(57,255,20,.5)}
    .hr-i:hover b{color:var(--green)}

    .hl-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .hl-bar span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(57,255,20,.12);border-radius:999px;background:rgba(3,7,3,.6);font-family:var(--font-mono);font-size:10px;letter-spacing:2.1px;text-transform:uppercase;color:rgba(143,199,138,.75);white-space:nowrap}
    .hl-bar span i{flex:none;width:6px;height:6px;border-radius:50%;background:rgba(143,199,138,.4)}
    .hl-bar span.on{border-color:rgba(57,255,20,.3);color:#c9f7bf}
    .hl-bar span.on i{background:var(--green);box-shadow:0 0 8px rgba(57,255,20,.75);animation:hlPulse 2.2s ease-in-out infinite}
    .hl-bar span.pv{border-color:rgba(255,157,60,.28);color:rgba(255,199,156,.9)}
    .hl-bar span.pv i{background:#ff9d3c;box-shadow:0 0 8px rgba(255,157,60,.7)}

    .hl-st div.sb i,.hl-st div.pv i{background:#ff9d3c;box-shadow:0 0 8px rgba(255,157,60,.75)}
    .hl-st div.sb span,.hl-st div.pv span{color:#ff9d3c}
    .hl-st div.dim i{background:rgba(143,199,138,.3);box-shadow:none;animation:none}
    .hl-st div.dim span{color:rgba(143,199,138,.55)}
    .hl-node .hl-kv span.amb{color:#ff9d3c}
    .hl-node>b .hl-new{margin-left:auto;padding:3px 8px;border:1px solid rgba(255,157,60,.35);border-radius:999px;font-size:8.5px;letter-spacing:1.6px;color:#ff9d3c;background:rgba(255,157,60,.07)}
    .hl-node>b::after{display:none}

    .hl-sep{margin-top:22px}
    .hl-sep+.hl-bar{margin-top:12px}
    .hl-grid{align-items:start}
    .hl-grid.one{grid-template-columns:minmax(0,1fr)}
    .hl-grid.one .hl-diagram{padding:18px 22px 22px}
    .hl-arch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 44px;margin-top:18px}
    .hl-arch>div{display:flex;flex-direction:column;gap:6px}
    .hl-arch b{font-family:var(--font-mono);font-weight:500;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--green)}
    .hl-arch span{font-size:13px;line-height:1.62;color:var(--ink-dim);text-wrap:pretty}
    .hl-arch code{display:block;margin-top:1px;padding:0;border:0;background:none;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(143,199,138,.52)}
    .hl-arch u{text-decoration:none;color:var(--ink)}
    .hl-live{align-items:baseline;gap:9px;margin-top:2px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(143,199,138,.5)}
    .hl-live em{font-style:normal}
    .hl-live span{font-size:11px;letter-spacing:1px;color:#c9f7bf}
    .hl-bar span b{font-weight:500;color:#c9f7bf}
    .hl-bar span.sb{border-color:rgba(255,157,60,.26);color:rgba(255,199,156,.88)}
    .hl-bar span.sb i{background:#ff9d3c;box-shadow:0 0 8px rgba(255,157,60,.7);animation:none}
    .hl-bar span em{display:none;font-style:normal;color:rgba(143,199,138,.55)}
    .hl-bar span:hover em{display:inline;margin-left:2px}
    .hl-log{--hlh:158px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:18px}
    .hl-log .hl-cap{width:auto;margin-right:0}
    @media (max-width:1024px){.hl-log{--hlh:132px}}
    @media (max-width:860px){.hl-arch{grid-template-columns:1fr;gap:22px}}
    @media (max-width:720px){.hl-log{grid-template-columns:1fr;--hlh:150px}}
    .hl-fact{flex:0 0 auto;justify-content:flex-start;overflow:visible}
    @media (max-width:1024px){.hl-grid{grid-template-columns:1fr}.hl-deep{grid-template-columns:1fr}.hl-two,.hl-three{grid-template-columns:1fr}.hl-split{grid-template-columns:1fr;gap:16px}.hl-split>.hl-kv{padding-left:0;border-left:0}.hl-road{grid-template-columns:repeat(2,1fr);gap:24px 16px}.hl-road::before{display:none}}
    @media (max-width:560px){.hl-road{grid-template-columns:1fr}.hl-card,.hl-fact{padding:16px 18px}.hl-diagram{padding:58px 16px 20px}}




    .hl-strip{--hlh:152px;position:relative;margin-top:18px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background-color:rgba(57,255,20,.02);background-image:repeating-linear-gradient(45deg,rgba(57,255,20,.055) 0 1px,transparent 1px 6px);box-shadow:inset 0 0 90px rgba(0,0,0,.75)}

    .hl-strip::before,.hl-strip::after{content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none}
    .hl-strip::before{top:-1px;background:linear-gradient(90deg,transparent,rgba(57,255,20,.5) 16%,rgba(57,255,20,.5) 84%,transparent)}
    .hl-strip::after{bottom:-1px;background:linear-gradient(90deg,transparent,rgba(57,255,20,.28) 16%,rgba(57,255,20,.28) 84%,transparent)}



    .hl-vp{position:relative;padding:26px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
    .hl-crawl{display:flex;width:max-content}
    .hl-crawl.is-live{animation:hl-crawl var(--hl-dur,32s) linear infinite}
    @keyframes hl-crawl{from{transform:translateX(var(--hl-shift,-33.333%))}to{transform:translateX(0)}}

    .hl-strip:hover .hl-crawl,.hl-strip:focus-within .hl-crawl{animation-play-state:paused}
    .hl-cgrp{display:flex;flex:0 0 auto}
    .hl-cap{position:relative;flex:0 0 auto;width:calc(var(--hlh)*1.72);margin-right:14px;display:flex;flex-direction:column;border:1px solid rgba(57,255,20,.12);border-radius:10px;overflow:hidden;background:rgba(0,10,0,.45);text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}
    .hl-cap:hover{border-color:rgba(57,255,20,.45);box-shadow:0 0 0 1px rgba(57,255,20,.12) inset,0 14px 38px rgba(0,0,0,.55);z-index:3}

    @media (hover:hover){.hl-cap:hover{transform:scale(1.2)}}

    .hl-cap span{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 10px;padding:8px 12px;border-bottom:1px solid rgba(57,255,20,.14);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.5px;color:var(--ink-dim);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease,background .25s ease}
    .hl-cap:hover span{color:var(--green);background:rgba(57,255,20,.05)}
    .hl-cap span u{flex:1 0 100%;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
    .hl-cap span b{flex:none;font-weight:400;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(143,199,138,.42)}
    .hl-cap:hover span b{color:rgba(143,199,138,.75)}

    .hl-shot{position:relative;display:block;height:var(--hlh);overflow:hidden;background:#040804}
    .hl-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.85) contrast(1.03) brightness(.9);transition:filter .45s ease}
    .hl-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#2bd413,#0b3a06 70%);mix-blend-mode:color;opacity:.2;transition:opacity .45s ease;pointer-events:none}
    .hl-shot::before{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.3;transition:opacity .45s ease;pointer-events:none}
    .hl-cap:hover .hl-shot img{filter:none}
    .hl-cap:hover .hl-shot::after{opacity:0}
    .hl-cap:hover .hl-shot::before{opacity:.12}

    .hl-shot em{position:absolute;inset:auto 0 0 0;z-index:3;padding:16px 11px 9px;background:linear-gradient(0deg,rgba(0,8,0,.94) 32%,rgba(0,8,0,0));font-style:normal;font-family:var(--font-mono);font-size:11px;line-height:1.45;color:#a9f09b;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
    .hl-cap:hover .hl-shot em{opacity:1;transform:none}
    @media (max-width:1024px){.hl-strip{--hlh:130px}}
    @media (max-width:560px){.hl-strip{--hlh:106px}.hl-vp{padding:20px 0}}
    @media (prefers-reduced-motion:reduce){.hl-crawl.is-live{animation:none}.hl-vp{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.hl-cap:hover{transform:none}}
    .hl-sim{white-space:nowrap;padding:7px 13px;border:1px solid rgba(57,255,20,.26);border-radius:999px;background:rgba(0,10,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--green);cursor:pointer;transition:border-color .35s var(--hl-ez),background .35s var(--hl-ez),box-shadow .35s var(--hl-ez),color .35s var(--hl-ez)}
    .hl-sim:hover{border-color:rgba(57,255,20,.55);background:rgba(57,255,20,.08);box-shadow:0 0 22px -6px rgba(57,255,20,.45)}
    .hl-sim:active{transform:translateY(1px)}
    .hl-sim[aria-pressed="true"]{border-color:rgba(57,255,20,.6);background:rgba(57,255,20,.1);box-shadow:0 0 22px -6px rgba(57,255,20,.5)}
    .hl-sim.danger[aria-pressed="true"]{border-color:rgba(255,85,85,.45);color:#ff5555;background:rgba(255,85,85,.07);box-shadow:0 0 22px -6px rgba(255,85,85,.4)}
    .hl-st span.warn{color:#ff9d3c}
    .hl-st i.warn{background:#ff9d3c;box-shadow:0 0 8px rgba(255,157,60,.8)}
    @media (prefers-reduced-motion:reduce){.hl-dot,.hl-st i{animation:none}.hl-fact:hover,.hl-card:hover{transform:none}.hl-fact::before{display:none}.hl-pkts{display:none}.hl-ghost{animation:none}.hl-net .sd{animation:none}.hl-net .hn{transition:none}}






    .hl-sims{position:relative;z-index:3;align-self:flex-end;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;max-width:100%;transition:opacity .3s var(--hl-ez)}
    .hl-simlbl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:2.2px;text-transform:uppercase;color:rgba(143,199,138,.45)}



    .hl-diagram.panel-open .hl-sims{opacity:1}
    @keyframes hlSimPulse{0%,100%{box-shadow:0 0 22px -6px rgba(57,255,20,.5)}50%{box-shadow:0 0 28px -3px rgba(57,255,20,.8)}}
    @keyframes hlSimPulseR{0%,100%{box-shadow:0 0 22px -6px rgba(255,85,85,.4)}50%{box-shadow:0 0 28px -3px rgba(255,85,85,.72)}}
    .hl-sim[aria-pressed="true"]{animation:hlSimPulse 2.2s ease-in-out infinite}
    .hl-sim.danger[aria-pressed="true"]{animation:hlSimPulseR 2.2s ease-in-out infinite}
    @media (prefers-reduced-motion:reduce){.hl-sim[aria-pressed="true"],.hl-sim.danger[aria-pressed="true"]{animation:none}}


    .avatar-stage{margin-top:calc(clamp(64px, 10vw, 120px) * .88)}
    @media (max-width: 980px){.avatar-stage{margin-top:0}}





.hero-open { margin-top: 10px; }
@media (max-width: 720px) { .hero-open { margin-top: 8px; } }

.ml-video-frame .ml-video-load { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(57,255,20,.04); border: 1px dashed var(--line-strong); color: var(--ink-dim); cursor: pointer; font-family: var(--font-mono); transition: border-color 200ms ease, background 200ms ease, color 200ms ease; }
.ml-video-frame .ml-video-load:hover, .ml-video-frame .ml-video-load:focus-visible { border-color: var(--green); background: rgba(57,255,20,.08); color: var(--ink); }
.ml-video-load .mlv-play { font-size: 26px; line-height: 1; color: var(--green); text-shadow: 0 0 14px rgba(57,255,20,.6); }
.ml-video-load .mlv-name { font-size: 13px; letter-spacing: 1px; color: var(--ink); }
.ml-video-load .mlv-note { font-size: 11px; letter-spacing: .5px; }

.contact-noscript { font-family: var(--font-mono); font-size: 13px; color: var(--ink-dim); margin-top: var(--s-3); }

.footer-legal { display: inline-flex; align-items: center; gap: 10px; }
.footer-legal i { font-style: normal; color: var(--ink-dim); opacity: .5; }
.footer-legal a { color: var(--ink-dim); }
.footer-legal a:hover { color: var(--green); }


.nav-konto { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; border-radius: 9px; border: 1px solid rgba(57, 255, 20, 0.14); background: rgba(57, 255, 20, 0.04); color: var(--ink-dim); transition: color 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease; }
.nav-konto svg { display: block; width: 13px; height: 13px; fill: currentColor; }
.nav-konto .mk-cur { fill: var(--green); }
.nav-konto:hover, .nav-konto:focus-visible { color: var(--ink); border-color: rgba(57, 255, 20, 0.34); background: rgba(57, 255, 20, 0.09); box-shadow: inset 0 0 16px -8px rgba(57, 255, 20, 0.5); }
@media (max-width: 720px) { .nav-konto { width: 30px; height: 30px; } .nav-konto svg { width: 14px; height: 14px; } }

                                                                                         
.nav-apps { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.nav-fin { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; border-radius: 9px; border: 1px solid rgba(57, 255, 20, 0.14); background: rgba(57, 255, 20, 0.04); color: var(--ink-dim); transition: color 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease; }
.nav-fin svg { display: block; width: 13px; height: 13px; fill: currentColor; }
.nav-fin .mk-cur { fill: var(--green); }
.nav-fin:hover, .nav-fin:focus-visible { color: var(--ink); border-color: rgba(57, 255, 20, 0.34); background: rgba(57, 255, 20, 0.09); box-shadow: inset 0 0 16px -8px rgba(57, 255, 20, 0.5); }
@media (max-width: 720px) { .nav-fin { width: 30px; height: 30px; } .nav-fin svg { width: 14px; height: 14px; } }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
.nav-apps .lbl { display: none; }
@media (min-width: 1500px) {
  .nav-konto, .nav-fin { width: auto; gap: 7px; padding: 0 9px 0 8px; border-radius: 999px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; line-height: 1; white-space: nowrap; }
  .nav-apps .lbl { display: inline; }
                                                                                                         
  .nav-apps .lbl .tag { display: inline-block; margin-left: 6px; padding: 2px 5px 1px; border: 1px solid rgba(57, 255, 20, 0.3); border-radius: 4px; font-style: normal; font-size: 8px; letter-spacing: 1.2px; line-height: 1; color: var(--green); vertical-align: 1px; }
}


                                                                                                               
                                                                                                         
                                                                             
.footer-rev { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 18px 0 0; padding: 20px 0 4px; border-top: 1px solid var(--line); text-align: center; }
.footer-rev .frev-qr { flex: none; width: 92px; height: 92px; padding: 6px; background: #fff; }
.footer-rev .frev-txt { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.footer-rev .frev-h { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--green); }
                                                                                                       
.footer-rev .frev-p { font-size: 13px; line-height: 1.6; color: var(--ink-dim); max-width: 56ch; text-wrap: pretty; }
.footer-rev .frev-a { font-family: var(--font-mono); font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--green); border-bottom: 1px solid rgba(57, 255, 20, 0.35); padding-bottom: 1px; margin-top: 2px; }
.footer-rev .frev-a:hover, .footer-rev .frev-a:focus-visible { color: var(--ink); border-bottom-color: var(--green); }
                                                                                       
@media (min-width: 640px) { .footer-rev { flex-direction: row; justify-content: center; align-items: center; gap: 20px; text-align: left; } .footer-rev .frev-txt { align-items: flex-start; } }

                                                                                               
                                                                         
.sb-rv .face { border-color: rgba(57, 255, 20, 0.22); }
.sb-rv svg { fill: var(--green); }
.sb-rv .tilt { background: var(--green); }
.sb-rv:hover .tilt { box-shadow: 0 0 38px 4px rgba(57, 255, 20, 0.45); }
.sb-rv:hover .face { border-color: rgba(57, 255, 20, 0.5); box-shadow: 0 0 30px -2px rgba(57, 255, 20, 0.35); }
.sb-rv:hover svg { fill: var(--green-soft); }

                                                                                                  
                                                                                    
                                                                                                     
#contact .contact-list { grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); }

                                                                                               
                                                                                               
                                                                                                 
                                                                                                 
                                                               
#about .abt-drive { margin: 18px 0 0; max-width: 68ch; font-size: 15.5px; line-height: 1.8; color: rgba(228, 238, 228, 0.86); text-wrap: pretty; }
#about .abt-drive .accent { color: var(--green); }

                                                                                         
                                                                                           
                                                                                             
                                                                                             
                                                                                              
                                                                                            
#background .bx-panel.is-lean .cp-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
#background .bx-panel.is-lean .cp-rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: 22px 0; }
#background .bx-panel.is-lean .cp-n { padding: 0 0 0 22px; margin-left: 0; }
#background .bx-panel.is-lean .cp-n:last-child { padding-bottom: 0; border-left-color: rgba(57, 255, 20, 0.14); }
                                                                                        
                                                                                        
                                                                                       
                                                                                 
                                                                      
                                                                                        
                                                                                           
.stack-chip { position: relative; isolation: isolate; }
.stack-chip::before {
  content: "";
  position: absolute;
  left: 15.5px; top: 50%;
  width: 15px; height: 15px;
  transform: translate(-50%, -50%) scale(1.8);
  border-radius: 50%;
  background: radial-gradient(circle,
    color-mix(in srgb, var(--brand) 85%, transparent) 0%,
    color-mix(in srgb, var(--brand) 34%, transparent) 46%,
    transparent 72%);
  filter: blur(6px);
  opacity: .5;
  z-index: -1;
  pointer-events: none;
  transition: opacity var(--t-base) ease, filter var(--t-base) ease, transform var(--t-base) ease;
}
.stack-chip i { filter: drop-shadow(0 0 4px color-mix(in srgb, var(--brand) 50%, transparent)); transition: filter var(--t-base) ease; }
.stack-chip:hover::before { opacity: .92; filter: blur(9px); transform: translate(-50%, -50%) scale(2.2); }
.stack-chip:hover i { filter: drop-shadow(0 0 7px color-mix(in srgb, var(--brand) 78%, transparent)); }
html.is-lowperf .stack-chip::before,
html.no-heavy-fx .stack-chip::before { filter: blur(4px); opacity: .4; }
@media (prefers-reduced-motion: reduce) { .stack-chip::before, .stack-chip i { transition: none; } }

#background .bx-deep { min-width: 0; }
#background .bx-disc { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(57, 255, 20, 0.08); }

                                                                                             
                                                                                                 
                                                                                           
                                                                                                  
                                                                     
                                                                                                   
                                                                                                  
                                                                                               
                                                                                             
                                                                                                      
.footer { flex-wrap: wrap; }
.foot-nc { flex: 0 0 100%; display: inline-flex; align-items: baseline; justify-content: center; gap: 7px; margin-top: var(--s-2); letter-spacing: normal; }
.foot-nc b { width: 4px; height: 4px; flex: 0 0 auto; background: var(--green); box-shadow: 0 0 6px rgba(57, 255, 20, 0.55); }
.foot-nc:hover b { box-shadow: 0 0 10px 1px rgba(57, 255, 20, 0.8); }
.footer-legal { flex-wrap: wrap; row-gap: 6px; }
@media (max-width: 720px) { .footer-legal { justify-content: center; } }

                                                                                             
.nav-flag{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;margin-right:4px;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-flag .fl{grid-area:1/1;width:20px;height:20px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(57,255,20,.22),0 1px 3px rgba(0,0,0,.6);transition:box-shadow .2s ease,transform .16s ease}
.nav-flag .fl::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(90% 70% at 35% 22%,rgba(255,255,255,.28),transparent 55%);pointer-events:none}
.nav-flag .fl{position:relative}
.nav-flag svg{display:block;width:100%;height:100%}
html[data-sec-lang="de"] .nav-flag .fl-en,html:not([data-sec-lang="de"]) .nav-flag .fl-de{display:none}
.nav-flag:hover .fl{box-shadow:0 0 0 1px var(--green),0 0 10px rgba(57,255,20,.45)}
.nav-flag:focus-visible{outline:none}
.nav-flag:focus-visible .fl{box-shadow:0 0 0 2px var(--green),0 0 12px rgba(57,255,20,.5)}
.nav-flag:active .fl{transform:scale(.88)}
.nav-flag.is-flip .fl{animation:flagFlip .5s cubic-bezier(.3,1.45,.42,1)}
@keyframes flagFlip{0%{transform:rotateY(90deg) scale(.8)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.nav-flag.is-flip .fl{animation:none}}

                                                                                                                              
.nav-biz{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;flex:none;border:1px solid rgba(246,245,241,.55);color:#F6F5F1;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);transition:background .2s,color .2s}
.nav-biz i{font-style:normal}
.nav-biz:hover,.nav-biz:focus-visible{background:#F6F5F1;color:#050705}
.nav-biz:focus-visible{outline:2px solid #F6F5F1;outline-offset:3px;clip-path:none}
@media (max-width:720px){.nav-biz{height:32px;padding:0 10px;letter-spacing:.14em}}
                                                                                                                                                     
.nav-biz .nb-s{display:none}
@media (min-width:721px) and (max-width:1160px){.nav-biz{height:26px;padding:0 8px;gap:5px;letter-spacing:.1em;font-size:10.5px}.nav-biz .nb-l{display:none}.nav-biz .nb-s{display:inline}}
@media (min-width:721px) and (max-width:880px){.nav-biz{width:26px;padding:0;justify-content:center}.nav-biz .nb-s{display:none}
                                                                                                                                    
  .nav .nav-links{font-size:12px;letter-spacing:0;padding:4px 3px}.nav .nav-links a{padding:6px 3px}.nav .nav-links a::before,.nav .nav-links a.is-active::before{display:none}.nav .nav-links a.is-active{text-decoration:underline;text-underline-offset:5px}.nav .nav-status{padding-left:8px;gap:6px}}
@media (prefers-reduced-motion:reduce){.nav-biz{transition:none}}

                                                                                                                                                             
#contact .contact-form{margin-top:var(--s-5);max-width:640px}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-4)}
@media (max-width:720px){.contact-form .cf-row{grid-template-columns:1fr}}
.contact-form .cf-q{color:var(--green)}
.contact-form .gb-status a{color:var(--green);border-bottom:1px solid var(--line-strong)}
.cf-note{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--ink-dim);margin:var(--s-3) 0 0}
.cf-note a{color:var(--ink-dim);border-bottom:1px solid var(--line-strong)}.cf-note a:hover{color:var(--green);border-bottom-color:var(--green)}