@font-face{font-family:Inter;src:url("../../fonts/Inter-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url("../../fonts/Inter-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url("../../fonts/Inter-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url("../../fonts/Inter-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url("../../fonts/Inter-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}


:root{color-scheme:dark;--bg:#080e19;--panel:#111b2b;--text:#f4f7fc;--muted:#a2b0c3;--accent:#72e2c5;--line:#ffffff1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{position:fixed;inset:0 0 auto;z-index:20;background:#080e19d9;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{display:block;width:190px;height:auto;max-height:58px}.logo span{color:var(--accent)}.links{display:flex;gap:30px;align-items:center}.links a{font-size:14px;color:#cbd6e5}.links a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#071a1c;padding:13px 22px;border-radius:8px;font-weight:750;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#a2f2df}.btn.outline{background:transparent;border:1px solid #8295aa70;color:#fff}.btn.outline:hover{border-color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{position:relative;overflow:hidden;padding:190px 0 145px;min-height:790px;display:flex;align-items:center}.hero:before{content:"";position:absolute;width:780px;height:780px;right:-230px;top:40px;background:radial-gradient(circle,#36cbb83a,transparent 66%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent 25%,black);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:850px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin:0 0 24px}.hero h1{font-size:clamp(54px,7.4vw,104px);letter-spacing:-.075em;line-height:1.04;margin:0 0 30px;font-weight:780}.gradient{background:linear-gradient(90deg,#73e2c7,#85aaff);color:transparent;background-clip:text}.lead{font-size:clamp(18px,2vw,22px);color:#b7c5d5;max-width:660px;margin-bottom:34px}.actions{display:flex;flex-wrap:wrap;gap:14px}.hero-stats{display:flex;gap:56px;margin-top:95px}.stat strong{display:block;font-size:30px;letter-spacing:-1px}.stat small{color:var(--muted);font-size:13px}section{padding:115px 0;scroll-margin-top:78px}.section-head{max-width:730px;margin-bottom:54px}.section-head h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.055em;line-height:1.12;margin:0 0 18px}.section-head p{color:var(--muted);font-size:18px}.services{background:#0d1523}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:35px;background:linear-gradient(150deg,#172438,#101b2b);border:1px solid var(--line);border-radius:16px;min-height:265px;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-5px);border-color:#72e2c56b}.service .icon{font-size:27px;color:var(--accent);margin-bottom:25px}.service h3{font-size:22px;letter-spacing:-.025em;margin:0 0 12px}.service p{color:var(--muted);font-size:15px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.visual{height:450px;border-radius:20px;background:radial-gradient(circle at 65% 40%,#45d7c14a,transparent 48%),linear-gradient(145deg,#182d42,#0d1929);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.visual:before,.visual:after{content:"";position:absolute;border:1px solid #79e7d270;border-radius:50%;width:270px;height:270px;transform:rotate(-25deg) scaleX(1.6)}.visual:after{width:150px;height:150px;transform:rotate(30deg) scaleX(1.5)}.visual span{z-index:1;font-size:76px;font-weight:800;letter-spacing:-8px;color:#e5fff8}.bodycopy{color:var(--muted);font-size:17px}.ticks{display:grid;gap:15px;margin-top:30px}.ticks div:before{content:'✓';color:var(--accent);margin-right:13px;font-weight:800}.band{background:linear-gradient(110deg,#133a3d,#152a40);border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b}.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.band h2{font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-.05em;margin:0 0 14px}.band p{color:#c4d8dd;margin:0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact-info{display:grid;gap:20px}.contact-info a:hover{color:var(--accent)}.contact-info strong{display:block;color:var(--accent);font-size:12px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:5px}.contact-info span,.contact-info a{font-size:19px}.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:22px}.footer a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr;gap:38px}.visual{height:300px}.band .wrap{align-items:flex-start;flex-direction:column}.links{display:none;position:absolute;top:78px;left:0;right:0;background:#0d1523;padding:28px 24px;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.hero{min-height:690px;padding:160px 0 100px}.hero-stats{margin-top:65px}}@media(max-width:560px){.wrap{width:min(100% - 32px,1180px)}.grid{grid-template-columns:1fr}.hero h1{font-size:clamp(49px,13vw,72px)}.hero-stats{gap:24px;flex-wrap:wrap}.stat strong{font-size:25px}section{padding:80px 0}.service{min-height:0}.visual span{font-size:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* Evalesc infrastructure motion system */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:20px;align-items:center}.hero-content{max-width:700px}.hero h1{font-size:clamp(54px,6.5vw,90px)}.hero-stats{gap:26px;margin-top:64px}.infra{position:relative;width:100%;max-width:590px;aspect-ratio:1/1;justify-self:end;isolation:isolate}.infra:before{content:"";position:absolute;inset:10%;background:radial-gradient(circle,#45e7c525,transparent 70%);filter:blur(18px)}.infra svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 45px #0005)}.infra .orbit{fill:none;stroke:#72e2c52b;stroke-width:1.2;stroke-dasharray:4 9}.infra .orbit-one{animation:orbit 65s linear infinite;transform-origin:300px 300px}.infra .orbit-two{animation:orbit 85s linear infinite reverse;transform-origin:300px 300px}.infra .link{fill:none;stroke:#61d8c5;stroke-width:1.7;opacity:.4;stroke-dasharray:5 9;animation:signal 7s linear infinite}.infra .link.secondary{stroke:#8ca9ff;opacity:.35;animation-duration:10s}.infra .node{fill:#132d3b;stroke:#71e5cd;stroke-width:1.5}.infra .node-blue{stroke:#91adff}.infra .halo{fill:#72e2c510;stroke:#72e2c529}.infra .pulse{transform-origin:center;animation:nodepulse 3.2s ease-in-out infinite}.infra .pulse.delay{animation-delay:1.3s}.infra .packet{fill:#a8fff0;filter:drop-shadow(0 0 8px #72e2c5)}.infra .packet.p2{fill:#b3c4ff}.infra .packet-run{offset-path:path('M 300 300 L 150 175');animation:travel 4s linear infinite}.infra .packet-run.p2{offset-path:path('M 300 300 L 475 190');animation-delay:-1.6s}.infra .packet-run.p3{offset-path:path('M 300 300 L 455 425');animation-delay:-2.8s}.infra .packet-run.p4{offset-path:path('M 300 300 L 135 415');animation-delay:-.8s}.infra .core-ring{fill:none;stroke:#73e2c7;stroke-width:1.5;opacity:.8}.infra .core-inner{fill:#112f3b;stroke:#9cf7e1;stroke-width:2}.infra .tech-label{font:600 11px Inter,'Segoe UI',sans-serif;letter-spacing:1.6px;fill:#c9e3ec}.infra .tech-sub{font:10px Inter,'Segoe UI',sans-serif;fill:#83a8b7}.infra .core-title{font:800 20px Inter,'Segoe UI',sans-serif;fill:#e9fff8;letter-spacing:2px}.infra .core-sub{font:10px Inter,'Segoe UI',sans-serif;fill:#a7d9d1;letter-spacing:1.4px}.infra .corner{fill:none;stroke:#72e2c545;stroke-width:1}.service .icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #72e2c53b;background:linear-gradient(145deg,#72e2c51c,#80aaff0b);border-radius:15px;margin-bottom:25px;color:#86ebd4}.service .icon svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.service:hover .icon{box-shadow:0 0 26px #72e2c51d;border-color:#72e2c580;transform:translateY(-2px)}.service .icon{transition:transform .25s,border-color .25s,box-shadow .25s}@keyframes signal{to{stroke-dashoffset:-140}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes nodepulse{50%{opacity:.45;transform:scale(1.1)}}@keyframes travel{0%{offset-distance:0%;opacity:0}12%{opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}@media(max-width:1050px){.hero .wrap{grid-template-columns:1fr 0.85fr}.infra{max-width:450px}.hero-stats{gap:15px}.hero h1{font-size:clamp(50px,6vw,75px)}}@media(max-width:850px){.hero .wrap{grid-template-columns:1fr}.hero-content{max-width:760px}.infra{width:min(100%,500px);justify-self:center;margin-top:15px}.hero{padding-bottom:70px}.hero-stats{margin-top:45px}}@media(max-width:560px){.infra{width:min(100%,390px)}.hero h1{font-size:clamp(49px,13vw,72px)}}@media(prefers-reduced-motion:reduce){.infra *, .service .icon{animation:none!important;transition:none!important}}

.remote-section{background:radial-gradient(ellipse at 85% 10%,#184b4b55,transparent 48%),#0a1220}.remote-intro{max-width:730px}.remote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.remote-card{background:linear-gradient(155deg,#19283b,#101a2a);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,border-color .25s}.remote-card:hover{transform:translateY(-5px);border-color:#72e2c580}.remote-icon{width:58px;height:58px;border-radius:15px;background:#72e2c514;border:1px solid #72e2c544;display:grid;place-items:center;color:var(--accent)}.remote-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.remote-card h3{font-size:22px;margin:4px 0 0}.remote-card p{margin:0;color:var(--muted);font-size:14px;flex:1}.remote-card .btn{align-self:flex-start;margin-top:9px}.remote-note{margin-top:26px;color:var(--muted);font-size:14px}@media(max-width:850px){.remote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.remote-grid{grid-template-columns:1fr}}

/* Evalesc certificate authority overview */
.ca-section{background:radial-gradient(ellipse at 15% 0%,#1a494555,transparent 45%),#0d1523}.ca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ca-card{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#19283b,#101a2a);display:flex;flex-direction:column;gap:16px}.ca-card h3{font-size:23px;margin:0}.ca-card p{color:var(--muted);margin:0}.ca-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#72e2c516;color:var(--accent)}.ca-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ca-card .btn{align-self:flex-start;margin-top:auto}.ca-note{color:var(--muted);font-size:14px;margin-top:25px}.ca-meta{display:grid;gap:12px;margin:2px 0 8px}.ca-field{padding:12px 14px;border:1px solid #ffffff16;background:#ffffff05;border-radius:10px}.ca-field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.ca-field-value{font-size:14px;color:#e7f9f5}.ca-fingerprint{overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}.ca-upload{display:inline-block;cursor:pointer;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:3px}.ca-upload input{position:absolute;width:1px;height:1px;opacity:0}.ca-status{font-size:12px;color:var(--muted)}@media(max-width:650px){.ca-grid{grid-template-columns:1fr}}

/* Bewegte Illustrationen und Icons – ohne externe Bibliotheken */
.visual{isolation:isolate;animation:visual-breathe 9s ease-in-out infinite alternate;background-size:125% 125%;}
.visual:before{animation:visual-orbit-a 19s linear infinite;}
.visual:after{animation:visual-orbit-b 14s linear infinite reverse;}
.visual span{display:inline-block;animation:visual-mark 5.5s ease-in-out infinite;filter:drop-shadow(0 0 16px #72e2c52c)}
.visual::selection{background:transparent}
.service .icon svg,.remote-icon svg,.ca-icon svg{transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s;transform-origin:center}
.service:hover .icon svg,.remote-card:hover .remote-icon svg,.ca-card:hover .ca-icon svg{transform:translateY(-3px) rotate(-5deg) scale(1.09);filter:drop-shadow(0 0 7px #72e2c570)}
.service .icon:after,.remote-icon:after,.ca-icon:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid #72e2c535;opacity:0;transform:scale(.8);pointer-events:none}
.service .icon,.remote-icon,.ca-icon{position:relative}
.service:hover .icon:after,.remote-card:hover .remote-icon:after,.ca-card:hover .ca-icon:after{animation:icon-ripple 1.2s ease-out 1}
.remote-card,.ca-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.remote-card:hover,.ca-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0003}
@keyframes visual-breathe{0%{background-position:20% 40%}100%{background-position:80% 65%}}
@keyframes visual-orbit-a{from{transform:rotate(-25deg) scaleX(1.6)}to{transform:rotate(335deg) scaleX(1.6)}}
@keyframes visual-orbit-b{from{transform:rotate(30deg) scaleX(1.5)}to{transform:rotate(-330deg) scaleX(1.5)}}
@keyframes visual-mark{0%,100%{transform:translateY(0);opacity:.93}50%{transform:translateY(-10px);opacity:1}}
@keyframes icon-ripple{0%{opacity:.7;transform:scale(.85)}100%{opacity:0;transform:scale(1.45)}}
@media(prefers-reduced-motion:reduce){.visual,.visual:before,.visual:after,.visual span,.service .icon:after,.remote-icon:after,.ca-icon:after{animation:none!important}.service .icon svg,.remote-icon svg,.ca-icon svg,.remote-card,.ca-card{transition:none!important}}

/* Evalesc Buttons: dezentes Graublau */
:root{--button-bg:#7189a6;--button-hover:#8da3bd;--button-text:#ffffff}
.btn:not(.outline){background:var(--button-bg);color:var(--button-text);border:1px solid #a7b8cd55;box-shadow:0 5px 20px #192b4250}
.btn:not(.outline):hover,.btn:not(.outline):focus-visible{background:var(--button-hover);border-color:#b7c8db88;box-shadow:0 8px 26px #263c595e}
.btn.outline{border-color:#8297b4a0;color:#dbe5f1}
.btn.outline:hover,.btn.outline:focus-visible{background:#7189a620;border-color:#a7bbd2;color:#fff}