.sms-hero{padding:48px 0 40px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:45px;align-items:center}.sms-hero h1{font-size:clamp(3.2rem,5.8vw,5.9rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}.lead{font-size:1.17rem;line-height:1.65;color:#d8dde7}.wtf{margin:20px 0;padding:15px 17px;border-left:3px solid var(--cyan);background:rgba(86,215,255,.055);border-radius:0 12px 12px 0;font-weight:850}
.phone{width:270px;margin:auto;background:linear-gradient(145deg,#343b42,#15191d);border:3px solid #626a72;border-radius:42px;padding:20px;box-shadow:0 30px 60px #0008}.speaker{width:65px;height:8px;background:#080a0c;border-radius:10px;margin:3px auto 15px}.lcd{background:#9eb58a;color:#142014;border:5px inset #626961;border-radius:7px;min-height:145px;padding:13px;font:700 15px "Courier New",monospace;overflow-wrap:anywhere}.counter{text-align:right;font-size:12px}.typed{min-height:78px;margin-top:10px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.key{min-height:48px;border-radius:50%;background:linear-gradient(#606870,#30363c);border:1px solid #7c848b;color:#fff;font-weight:950;cursor:pointer}.key small{display:block;font-size:8px}.key:active{transform:translateY(2px)}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:17px}.fact strong{display:block;color:var(--gold);font-size:1.2rem}.fact small{color:var(--muted)}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px}.mode{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mode button.active{outline:2px solid var(--cyan)}.hint{color:var(--muted)}.challenge{font-size:1.35rem;font-weight:900;padding:15px;border-left:3px solid var(--gold);background:#111720}.result{min-height:52px;margin-top:14px;font-weight:850}
.sms-bubble{background:#d9ead1;color:#142014;border-radius:18px 18px 4px 18px;padding:17px;max-width:360px;margin:20px auto;font:700 17px Arial}.cost{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:950;color:var(--gold);line-height:1}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{padding:14px;border:1px solid var(--line);border-radius:12px;background:#202631;color:#fff;font-weight:900;cursor:pointer}.choice.good{outline:2px solid var(--green)}.choice.bad{outline:2px solid #ff6969}.quiz-result{min-height:44px;margin-top:14px;font-weight:850}
.adbox{border:1px solid rgba(255,190,70,.42);border-radius:25px;padding:28px;background:linear-gradient(135deg,rgba(255,138,36,.13),rgba(49,204,255,.08),var(--panel))}.adlabel{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:900;border:1px solid #717784;border-radius:99px;padding:5px 9px;color:#b8bec9}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px 18px;margin:9px 0}.faq summary{font-weight:900;cursor:pointer}.sources{color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.sources a{color:#a9e8ff}.next-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.next-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none}.next-card strong{display:block;margin:5px 0}.next-card small{color:var(--muted)}
@media(max-width:820px){.hero-grid,.lab-grid,.compare{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr 1fr}.sms-hero h1{font-size:clamp(3rem,14vw,5rem)}.phone{width:235px}.quiz-options,.next-cards{grid-template-columns:1fr}}


/* ===== Daumen-Test mit eigenem Handy-Tastenfeld ===== */
.thumb-test{overflow:hidden}
.thumb-phone{
  width:min(100%,360px);
  margin:22px auto 18px;
  background:linear-gradient(145deg,#343b42,#15191d);
  border:2px solid #626a72;
  border-radius:28px;
  padding:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.thumb-display{
  background:#9eb58a;
  color:#142014;
  border:4px inset #626961;
  border-radius:7px;
  min-height:96px;
  padding:12px;
  font:700 15px "Courier New",monospace;
}
.thumb-counter{text-align:right;font-size:11px}
.thumb-typed{
  min-height:52px;
  font-size:1.45rem;
  display:flex;
  align-items:center;
  overflow-wrap:anywhere;
}
.thumb-keys{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:14px;
}
.thumb-key{
  min-height:52px;
  border-radius:50%;
  background:linear-gradient(#606870,#30363c);
  border:1px solid #7c848b;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.thumb-key small{
  display:block;
  font-size:8px;
  margin-top:1px;
}
.thumb-key:active{transform:translateY(2px)}
@media(max-width:520px){
  .thumb-phone{width:100%}
}