/* ATOIO KI-Dienstleistungsseite: eigenständiger, responsiver Aufbau auf dem vorhandenen Design. */
.ki-hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#f9fcff 1%,#eef8ff 48%,#e2f2fd 100%);color:#102948;padding:29px 0 80px}
.ki-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(#c3e2fa 1px,transparent 1px),linear-gradient(90deg,#c3e2fa 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.ki-hero .wrap{position:relative;z-index:1}
.ki-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#607d9c;margin-bottom:60px}
.ki-breadcrumb a:hover{color:#0569ae;text-decoration:underline}
.ki-breadcrumb span[aria-hidden]{color:#92aec4}
.ki-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,6vw,96px)}
.ki-hero-copy{max-width:660px}
.ki-hero h1{font-size:clamp(3.05rem,5.05vw,5.3rem);line-height:1.045;letter-spacing:-.062em;margin:22px 0 24px;color:#0b2949;font-weight:800}
.ki-hero h1 em{color:#1681d0;font-style:normal}
.ki-hero-copy>p{font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.78;color:#58728b;margin-bottom:28px;max-width:570px}
.ki-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ki-btn-primary{background:#096dbb;color:#fff;box-shadow:0 12px 25px rgba(9,109,187,.16)}
.ki-btn-primary:hover{background:#075c9e;color:#fff}
.ki-anchor-link{font-size:14px;color:#1269a9;font-weight:750;display:inline-flex;align-items:center;gap:10px}
.ki-anchor-link span{font-size:19px}
.ki-hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:#5c7b95;margin-top:33px;line-height:1.5}
.ki-mini-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#279ada;box-shadow:0 0 0 5px #d5edff}
.ki-flow-card{background:#fff;border:1px solid #d9ebf6;border-radius:24px;padding:24px;box-shadow:0 28px 70px rgba(24,94,147,.12);transform:rotate(1deg);max-width:460px;justify-self:end;width:100%}
.ki-flow-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 20px}
.ki-flow-kicker{font-size:11px;font-weight:800;letter-spacing:.17em;color:#6e8aa5}
.ki-flow-orbit{display:grid;place-items:center;background:#e5f4ff;color:#1685d2;border-radius:50%;width:40px;height:40px;font-size:26px}
.ki-flow-step{display:flex;gap:14px;align-items:center;background:#f7fbff;border:1px solid #e3eff8;border-radius:13px;padding:15px}
.ki-flow-step-active{background:#e9f5ff;border-color:#a8d5f7;box-shadow:0 6px 19px rgba(34,130,202,.07)}
.ki-flow-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#e4f2fc;color:#1176bc;flex-shrink:0}
.ki-flow-step-active .ki-flow-icon{background:#0d72bd;color:#fff}
.ki-flow-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ki-flow-step div{display:flex;flex-direction:column;min-width:0}
.ki-flow-step small{font-size:9px;font-weight:800;letter-spacing:.11em;color:#6d92b3}
.ki-flow-step strong{font-size:16px;line-height:1.4;letter-spacing:-.025em;color:#143b5c}
.ki-flow-step div>span{font-size:11px;line-height:1.45;color:#7290a7}
.ki-flow-connector{display:flex;justify-content:center;align-items:center;height:34px;position:relative}
.ki-flow-connector span{height:25px;border-left:1.5px dashed #95c2e6}
.ki-flow-connector svg{position:absolute;bottom:1px;width:16px;height:16px;stroke:#358fce;fill:none;stroke-width:2;stroke-linecap:round}
.ki-flow-caption{font-size:10px;color:#8296a9;line-height:1.5;margin:19px 2px 0}
.ki-intro{padding:95px 0;background:#fff}
.ki-intro-grid{display:grid;grid-template-columns:.96fr 1fr;gap:95px}
.ki-intro h2,.ki-section-heading h2,.ki-trust h2,.ki-faq h2{font-size:clamp(2rem,3.45vw,3.15rem);letter-spacing:-.047em;line-height:1.14;color:#0c2e50;margin:19px 0 0}
.ki-intro-grid>div:last-child{padding-top:25px;color:#5c7182;line-height:1.85}
.ki-intro-grid>div:last-child p:last-child{margin:0}
.ki-section{padding:96px 0}
.ki-section-heading{max-width:745px;margin-bottom:38px}
.ki-section-heading p{color:#627b91;line-height:1.8;margin:16px 0 0;max-width:670px}
.ki-uses{background:#f4f9fd}
.ki-uses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ki-use-card{background:#fff;border:1px solid #dfeaf2;border-radius:16px;padding:30px;display:flex;flex-direction:column;box-shadow:0 7px 22px rgba(16,73,115,.025)}
.ki-use-icon{display:grid;place-items:center;width:59px;height:59px;border-radius:13px;background:#e4f2fd;color:#1176bf;margin-bottom:24px}
.ki-use-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ki-use-card h3{font-size:1.38rem;margin-bottom:10px;color:#14365a;letter-spacing:-.035em}
.ki-use-card p{color:#657d91;font-size:.95rem;line-height:1.76;max-width:510px;margin-bottom:20px}
.ki-use-card ul{list-style:none;margin:auto 0 0;padding:18px 0 0;border-top:1px solid #e7eef4;display:grid;gap:8px}
.ki-use-card li{position:relative;padding-left:23px;color:#3b627f;font-weight:650;font-size:.83rem}
.ki-use-card li:before{content:"✓";position:absolute;left:0;color:#1481c6;font-weight:800}
.ki-examples{background:#fff}
.ki-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ki-examples-grid>div{border-top:2px solid #94ccef;padding:20px 20px 8px 0}
.ki-example-index{color:#1283cf;font-size:13px;font-weight:800;letter-spacing:.14em}
.ki-examples-grid h3{margin:21px 0 12px;font-size:1.24rem;color:#183959}
.ki-examples-grid p{font-size:.91rem;color:#667d91;line-height:1.78;max-width:345px}
.ki-trust{background:linear-gradient(120deg,#123d62,#0c2949);color:#fff;padding:91px 0}
.ki-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:center}
.ki-trust .eyebrow{color:#8dd2ff}
.ki-trust h2{color:#fff;max-width:580px}
.ki-trust p{color:#bfd3e2;line-height:1.85;margin:20px 0 0}
.ki-trust-link{display:inline-flex;align-items:center;gap:12px;color:#91d8ff;font-size:.87rem;font-weight:800;margin-top:29px}
.ki-trust-link:hover{color:#fff}
.ki-trust-checks{display:grid;gap:12px}
.ki-trust-checks>div{display:flex;gap:15px;align-items:flex-start;border:1px solid rgba(196,230,255,.18);border-radius:12px;background:rgba(255,255,255,.055);padding:19px}
.ki-trust-checks>div>span{display:grid;place-items:center;border-radius:50%;background:#d7f0ff;color:#146aa4;font-weight:850;width:30px;height:30px;flex-shrink:0}
.ki-trust-checks strong{font-size:1rem;color:#fff}
.ki-trust-checks p{font-size:.83rem;line-height:1.65;margin:4px 0 0;color:#c3d8e7}
.ki-process{background:#f5f9fd}
.ki-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.ki-process-step{border:1px solid #dcebf5;border-radius:14px;background:#fff;padding:26px 21px;min-height:229px}
.ki-process-step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e5f4ff;color:#1179bd;font-size:.76rem;font-weight:850;margin-bottom:27px}
.ki-process-step h3{margin-bottom:9px;font-size:1.17rem;color:#153858}
.ki-process-step p{font-size:.85rem;color:#667d90;line-height:1.75;margin:0}
.ki-faq{background:#fff}
.ki-faq-grid{display:grid;grid-template-columns:.79fr 1.21fr;gap:90px}
.ki-faq-grid>div:first-child>p{margin-top:19px;color:#657b91}
.ki-faq-list{border-top:1px solid #dbe8f1}
.ki-faq-list details{border-bottom:1px solid #dbe8f1}
.ki-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 0;font-size:1rem;font-weight:750;color:#193e5c}
.ki-faq-list summary::-webkit-details-marker{display:none}
.ki-faq-list summary:after{content:"+";font-size:25px;font-weight:400;color:#1379bd;line-height:1;flex-shrink:0}
.ki-faq-list details[open] summary:after{content:"−"}
.ki-faq-list details p{font-size:.92rem;color:#60798d;line-height:1.8;padding:0 35px 20px 0;margin:0}
.ki-contact-cta .cta-inner{gap:50px}
.ki-contact-cta h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:12px}
.ki-contact-cta p{color:#567489;line-height:1.7;margin:0}
@media(max-width:1030px){.ki-hero-grid{gap:32px}.ki-hero h1{font-size:clamp(2.85rem,5.1vw,4.35rem)}.ki-flow-card{padding:17px}.ki-intro-grid,.ki-faq-grid{gap:42px}.ki-trust-grid{gap:42px}}
@media(max-width:820px){.ki-hero{padding-bottom:65px}.ki-breadcrumb{margin-bottom:35px}.ki-hero-grid{grid-template-columns:1fr}.ki-hero-copy{max-width:690px}.ki-flow-card{max-width:560px;justify-self:start;transform:none;margin-top:12px}.ki-intro-grid,.ki-trust-grid,.ki-faq-grid{grid-template-columns:1fr;gap:26px}.ki-intro-grid>div:last-child{padding-top:0}.ki-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ki-intro,.ki-section{padding:75px 0}.ki-trust{padding:76px 0}}
@media(max-width:570px){.ki-hero{padding:20px 0 53px}.ki-breadcrumb{font-size:11px;margin-bottom:32px}.ki-hero h1{font-size:clamp(2.65rem,10.6vw,3.9rem);margin:19px 0}.ki-hero-copy>p{font-size:1rem;line-height:1.72}.ki-hero-actions{gap:17px}.ki-hero-actions .btn{width:100%;white-space:normal}.ki-hero-note{font-size:11px;align-items:flex-start}.ki-mini-dot{margin-top:6px}.ki-flow-card{padding:13px;border-radius:16px}.ki-flow-step{padding:12px;gap:10px}.ki-flow-icon{width:43px;height:43px}.ki-flow-step strong{font-size:14px}.ki-flow-step small{font-size:8px}.ki-flow-step div>span{font-size:10px}.ki-intro,.ki-section{padding:64px 0}.ki-trust{padding:67px 0}.ki-intro h2,.ki-section-heading h2,.ki-trust h2,.ki-faq h2{font-size:clamp(1.98rem,8.2vw,2.75rem)}.ki-uses-grid,.ki-examples-grid,.ki-process-grid{grid-template-columns:1fr}.ki-use-card{padding:24px}.ki-examples-grid{gap:5px}.ki-examples-grid>div{padding-bottom:15px}.ki-examples-grid h3{margin:15px 0 10px}.ki-trust-checks>div{padding:16px}.ki-process-step{min-height:0}.ki-faq-list summary{font-size:.94rem}.ki-contact-cta .cta-inner{gap:24px}}