/* LMTECHSYSTEM — Seiten-Layout für Hauptseite und Produktseiten */
  /* Produkt-Töne */
  .t-kasse{--tone:#62c4ee;--tone-soft:rgba(98,196,238,.12);--tone-line:rgba(98,196,238,.28);}
  .t-kfz{--tone:#e2b36e;--tone-soft:rgba(226,179,110,.12);--tone-line:rgba(226,179,110,.28);}
  .t-vpn{--tone:#6ccab5;--tone-soft:rgba(108,202,181,.12);--tone-line:rgba(108,202,181,.28);}

  /* HERO */
  .hero{position:relative;z-index:1;padding:112px 32px 40px;text-align:center;}
  .hero-kicker{
    display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;
    padding:6px 14px 6px 6px;border-radius:100px;border:1px solid var(--border);
    background:rgba(255,255,255,.02);font-size:13.5px;color:var(--text-dim);font-weight:500;
  }
  .hero-kicker b{padding:3px 10px;border-radius:100px;background:rgba(98,196,238,.14);color:var(--lime);font-weight:600;font-size:12.5px;}
  .hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.05;letter-spacing:-0.04em;font-weight:700;max-width:900px;margin:0 auto 24px;}
  .hero h1 span{color:var(--text-faint);}
  .hero-lead{font-size:18.5px;color:var(--text-dim);max-width:620px;margin:0 auto 36px;line-height:1.65;}
  .hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
  .hero-trust{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:36px;color:var(--text-faint);font-size:13.5px;}
  .hero-trust span{display:inline-flex;align-items:center;gap:8px;}
  .hero-trust .lm-ico{color:var(--lime);width:16px;height:16px;}

  /* Hero-Visual: drei Fenster */
  .stage{position:relative;max-width:1080px;margin:72px auto 0;height:400px;}
  .win{
    position:absolute;background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;
    box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset;
    overflow:hidden;text-align:left;
  }
  .win-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.015);}
  .win-bar i{width:9px;height:9px;border-radius:50%;background:#2e3442;}
  .win-bar em{margin-left:10px;font-style:normal;font-size:12px;color:var(--text-faint);font-weight:500;}
  .win-body{padding:18px;}
  .win.w-kasse{left:0;top:44px;width:40%;z-index:1;}
  .win.w-kfz{left:50%;transform:translateX(-50%);top:0;width:42%;z-index:3;}
  .win.w-vpn{right:0;top:60px;width:36%;z-index:2;}
  .w-kasse .win-body{padding-right:96px;}
  .w-vpn .win-body{padding-left:84px;}
  .w-kasse .w-grid{grid-template-columns:repeat(2,1fr);}
  .w-row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:12.5px;color:var(--text-dim);margin-bottom:7px;}
  .w-row b{color:var(--text);font-weight:600;}
  .w-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:13px;font-weight:600;}
  .w-head small{color:var(--text-faint);font-weight:500;font-size:11.5px;}
  .w-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px;}
  .w-tile{padding:10px;border-radius:8px;background:var(--card);border:1px solid var(--border);font-size:11.5px;color:var(--text-dim);}
  .w-tile b{display:block;color:var(--text);font-size:12.5px;margin-top:4px;}
  .w-total{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--primary);color:#fff;font-weight:600;font-size:13px;}
  .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;}
  .tag.ok{background:rgba(108,202,181,.14);color:#6ccab5;}
  .tag.warn{background:rgba(226,179,110,.14);color:#e2b36e;}
  .tag.info{background:rgba(98,196,238,.14);color:#62c4ee;}
  .vpn-state{display:flex;flex-direction:column;align-items:center;padding:8px 0 14px;}
  .vpn-ring{
    width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    border:1.5px solid rgba(108,202,181,.5);background:radial-gradient(circle,rgba(108,202,181,.16),transparent 70%);color:#6ccab5;margin-bottom:10px;
  }
  .vpn-ring .lm-ico{width:30px;height:30px;}
  .vpn-state b{font-size:13px;color:#6ccab5;letter-spacing:.06em;}
  .vpn-state small{font-size:11.5px;color:var(--text-faint);margin-top:2px;}

  /* PRODUKTE */
  .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1240px;margin:0 auto;}
  .product{
    display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);
    border-radius:var(--radius);padding:30px 28px;transition:border-color .2s ease, transform .2s ease;
  }
  .product:hover{border-color:var(--tone-line);transform:translateY(-3px);}
  .p-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
  .p-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--tone-soft);color:var(--tone);}
  .p-icon .lm-ico{width:22px;height:22px;}
  .p-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tone);}
  .product h3{font-size:22px;font-weight:700;margin-top:2px;}
  .product > p{color:var(--text-dim);font-size:15px;line-height:1.65;margin-bottom:22px;}
  .product ul{flex:1;margin-bottom:28px;border-top:1px solid var(--border);padding-top:18px;}
  .product li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-dim);padding:6px 0;line-height:1.45;}
  .product li .lm-ico{color:var(--tone);width:17px;height:17px;margin-top:1px;}
  .p-actions{display:flex;gap:10px;flex-wrap:wrap;}
  .link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--text);padding:11px 4px;}
  .link-arrow .lm-ico{width:16px;height:16px;transition:transform .2s;}
  .link-arrow:hover .lm-ico{transform:translateX(3px);}

  /* DETAIL */
  .detail{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center;}
  .detail.reverse > .detail-copy{order:2;}
  .detail .eyebrow{color:var(--tone);}
  .detail h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-0.03em;line-height:1.12;margin-bottom:18px;font-weight:700;}
  .detail-copy > p{color:var(--text-dim);font-size:16.5px;line-height:1.7;margin-bottom:28px;}
  .feat-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:34px;}
  .feat-list div{display:flex;gap:10px;font-size:14.5px;color:var(--text-dim);line-height:1.45;}
  .feat-list .lm-ico{color:var(--tone);width:18px;height:18px;margin-top:1px;}
  .detail-visual .win{position:relative;width:100%;left:auto;top:auto;transform:none;}
  .detail-visual .win-body{padding:22px;}
  .detail-visual .w-row{padding:12px 14px;font-size:13.5px;}
  .divider{max-width:1180px;margin:0 auto;border:0;border-top:1px solid var(--border);}

  /* SERVICE */
  .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1240px;margin:0 auto;}
  .service{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;transition:border-color .2s, background .2s;}
  .service:hover{border-color:var(--border-strong);background:var(--card-hover);}
  .service .s-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(98,196,238,.1);color:var(--lime);margin-bottom:18px;}
  .service h4{font-size:16px;font-weight:600;margin-bottom:6px;}
  .service p{font-size:14px;color:var(--text-dim);line-height:1.55;flex:1;}
  .service .link-arrow{padding:14px 0 0;font-size:13.5px;color:var(--lime);}

  /* WERTE */
  .values{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);}
  .value{padding:30px 26px;border-right:1px solid var(--border);}
  .value:last-child{border-right:0;}
  .value .lm-ico{color:var(--lime);width:22px;height:22px;margin-bottom:16px;}
  .value h4{font-size:15.5px;font-weight:600;margin-bottom:6px;}
  .value p{font-size:14px;color:var(--text-dim);line-height:1.55;}

  /* CTA */
  .cta{
    max-width:1180px;margin:0 auto;padding:64px 56px;border-radius:20px;border:1px solid var(--border);
    background:linear-gradient(135deg,rgba(19,124,187,.14),rgba(19,124,187,.03) 60%),var(--card);
    display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
  }
  .cta h2{font-size:clamp(26px,3vw,34px);letter-spacing:-0.03em;font-weight:700;margin-bottom:10px;}
  .cta p{color:var(--text-dim);font-size:16px;}
  .cta .hero-actions{justify-content:flex-start;}

  /* FOOTER */
  .footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:44px;}
  .footer-top h4{font-size:13px;margin-bottom:16px;color:var(--text);font-weight:600;letter-spacing:0;}
  .footer-top ul li{margin-bottom:10px;}
  .footer-top ul a{color:var(--text-faint);font-size:14px;transition:color .2s;}
  .footer-top ul a:hover{color:var(--text);}
  .footer-bottom{padding-top:24px;border-top:1px solid var(--border);}

  @media(max-width:1200px){
    .nav-links .nav-opt{display:none;}
  }
  @media(max-width:1000px){
    .stage{height:auto;display:grid;gap:16px;max-width:560px;}
    .win.w-kasse,.win.w-kfz,.win.w-vpn{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;}
    .w-kasse .win-body,.w-vpn .win-body{padding:18px;}
    .win.w-vpn,.win.w-kasse{display:none;}
    .product-grid{grid-template-columns:1fr;max-width:620px;}
    .detail{grid-template-columns:1fr;gap:40px;max-width:640px;}
    .detail.reverse > .detail-copy{order:0;}
    .service-grid{grid-template-columns:repeat(2,1fr);}
    .values{grid-template-columns:repeat(2,1fr);}
    .value:nth-child(2){border-right:0;}
    .value:nth-child(-n+2){border-bottom:1px solid var(--border);}
    .footer-top{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:640px){
    .hero{padding:72px 16px 24px;}
    .hero-lead{font-size:17px;}
    .hero-trust{gap:12px 20px;}
    .stage{margin-top:48px;}
    .section-pad{padding:72px 16px;}
    .feat-list,.service-grid,.values,.footer-top{grid-template-columns:1fr;}
    .value{border-right:0;border-bottom:1px solid var(--border);}
    .value:last-child{border-bottom:0;}
    .cta{padding:40px 24px;}
    .product{padding:26px 22px;}
  }