/* Aquatos Field: Hinweis mit Verbindungsgrafik (Software, Service, Startseite) */
.aft{--aft-accent:#187368;--aft-ink:#14304e;--aft-muted:#4d5d70;--aft-cap:#1b2027;--aft-line:#dbe8ea;--aft-bt:#fff;padding:64px 0!important;background:linear-gradient(120deg,#eef8f5 0%,#e7f1f8 100%);border-block:1px solid var(--aft-line);overflow:hidden}
.aft-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center}
.aft-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aft-accent);margin:0 0 16px}
.aft-new{background:var(--aft-accent);color:#fff;border-radius:999px;padding:3px 10px 2px;letter-spacing:.08em}
.aft h2,.aft h3{font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.18;letter-spacing:-.03em;color:var(--aft-ink);margin:0 0 14px;max-width:23ch}
.aft-text>p{font-size:1.02rem;line-height:1.6;color:var(--aft-muted);max-width:54ch;margin:0 0 24px}
.aft-text>.aft-note{font-size:.84rem;margin:16px 0 0}
.aft-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;padding-bottom:26px}
.aft-scene::before{content:"";position:absolute;right:2%;top:46%;width:360px;height:360px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(24,115,104,.16),rgba(24,115,104,0) 68%)}
.aft-logger{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.74rem;font-weight:600;color:var(--aft-muted);white-space:nowrap}
.aft-logger svg{color:var(--aft-cap);filter:drop-shadow(0 10px 12px rgba(14,31,54,.18))}
.aft-link{position:relative;flex:0 1 150px;min-width:72px;height:2px;margin:0 8px 28px;background:repeating-linear-gradient(90deg,var(--aft-accent) 0 6px,transparent 6px 12px)}
.aft-link i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--aft-accent);opacity:0;animation:aft-run 2.6s linear infinite}
.aft-link i+i{animation-delay:1.3s}
.aft-bt{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:var(--aft-bt);border:2px solid var(--aft-accent);color:var(--aft-accent);display:grid;place-items:center}
@keyframes aft-run{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.aft-phone{position:relative;flex:none;width:200px;padding:8px;border-radius:32px;background:#0b1118;box-shadow:0 30px 54px -22px rgba(14,31,54,.55);transform:rotate(3deg)}
.aft-screen{position:relative;border-radius:25px;background:#1d232a;color:#e6ebf2;padding:22px 12px 14px;font:500 11px/1.35 var(--font-sans)}
.aft-screen::before{content:"";position:absolute;left:50%;top:8px;width:46px;height:5px;transform:translateX(-50%);border-radius:5px;background:#0b1118}
.aft-app{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:600;font-size:12px;margin-bottom:10px}
.aft-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(43,196,138,.55);color:#7fe0b8;background:rgba(43,196,138,.08);border-radius:999px;padding:1px 7px;font-size:9.5px;white-space:nowrap}
.aft-value{border-radius:12px;background:#171c22;padding:12px 8px 10px;text-align:center;margin-bottom:10px}
.aft-value small{display:block;font-size:10px;color:rgba(230,235,242,.78)}
.aft-value b{display:block;font:600 34px/1.15 var(--font-mono);color:#fff;letter-spacing:-.02em;margin:2px 0;white-space:nowrap}
.aft-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.aft-actions span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:4px;border-radius:9px;background:#3b7bbd;color:#fff;font-weight:600;font-size:10.5px;text-align:center;line-height:1.15}
.aft-actions svg{width:15px;height:15px}
.aft-scene>.aft-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.72rem;line-height:1.4;color:var(--aft-muted);margin:0}

/* kompakt als Karte unter den drei Loggern der Startseite */
.aft--card{padding:0!important;margin-top:22px;border:1px solid var(--aft-line);border-radius:22px}
.aft--card .aft-inner{padding:34px 40px;gap:36px}
.aft--card h3{font-size:clamp(1.45rem,2.1vw,1.8rem);max-width:24ch}
.aft--card .aft-scene{min-height:280px}
.aft--card .aft-scene::before{width:280px;height:280px}
.aft--card .aft-phone{width:176px}
.aft--card .aft-value b{font-size:29px}
.aft--card .aft-actions span{min-height:44px}
.aft--card .aft-logger svg{height:150px;width:auto}

@media(max-width:900px){
  .aft{padding:48px 0!important}
  .aft-inner{grid-template-columns:minmax(0,1fr);gap:30px}
  .aft h2,.aft h3{max-width:none}
  .aft-scene{min-height:0}
  .aft-scene::before{right:50%;transform:translate(50%,-50%);width:300px;height:300px}
  .aft-link{flex:0 1 90px;min-width:40px}
  .aft-phone,.aft--card .aft-phone{width:168px;transform:rotate(2deg)}
  .aft-logger{white-space:normal;max-width:66px;text-align:center;line-height:1.25}
  .aft-logger svg,.aft--card .aft-logger svg{height:156px;width:auto}
  .aft-value b,.aft--card .aft-value b{font-size:28px}
  .aft-app{font-size:11px}
  .aft--card{padding:0!important;margin-top:18px}
  .aft--card .aft-inner{padding:26px 20px;gap:26px}
}
@media(prefers-reduced-motion:reduce){.aft-link i{animation:none}}

[data-theme=dark] .aft{--aft-accent:#8ee5d4;--aft-ink:#edf5fc;--aft-muted:#c3d4e3;--aft-cap:#4a5665;--aft-line:#24384d;--aft-bt:#11263a;background:linear-gradient(120deg,#11263a 0%,#132c44 100%)}
[data-theme=dark] .aft-new{color:#0e2a3a}
[data-theme=dark] .aft-scene::before{background:radial-gradient(circle,rgba(142,229,212,.16),rgba(142,229,212,0) 68%)}
[data-theme=dark] .aft-phone{box-shadow:0 30px 60px -22px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.16)}
[data-theme=dark] .aft-logger svg{filter:none}
[data-theme=dark] .aft .btn-primary{background:#a6d7ed;border-color:#a6d7ed;color:#102b40}
[data-theme=dark] .aft .btn-primary:hover{background:#c3e6f5;border-color:#c3e6f5;color:#102b40}

[data-contrast=high] .aft{--aft-accent:#000;--aft-ink:#000;--aft-muted:#000;--aft-cap:#000;--aft-line:#000;--aft-bt:#fff;border-block:2px solid #000}
[data-contrast=high] .aft--card{border:2px solid #000}
[data-contrast=high] .aft .aft-kicker .aft-new{background:#000;color:#fff!important}
[data-contrast=high] .aft-scene::before{display:none}
[data-contrast=high] .aft-logger svg{filter:none}
[data-contrast=high] .aft-screen{background:#fff;color:#000}
[data-contrast=high] .aft-value{background:#fff;border:2px solid #000}
[data-contrast=high] .aft-value b,[data-contrast=high] .aft-value small{color:#000}
[data-contrast=high] .aft-actions span{background:#fff;border:2px solid #000}
[data-contrast=high] .aft-pill{background:#fff;border-color:#000}