@font-face{font-family:Inter;src:url('assets/fonts/inter-400.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-600.woff') format('woff');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-700.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter-500-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-600-italic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:Sora;src:url('assets/fonts/sora-600.woff') format('woff');font-weight:600;font-display:swap}@font-face{font-family:Sora;src:url('assets/fonts/sora-700.woff') format('woff');font-weight:700;font-display:swap}
:root{--navy:#07171d;--navy-2:#0c252d;--ink:#102126;--muted:#607277;--line:#d7e1e3;--mist:#f4f8f8;--white:#fff;--cyan:#07b7d4;--cyan-deep:#057e99;--violet:#7563d9;--violet-pale:#eeecff;--aqua:#daf6f8;--radius:20px;--shell:min(1160px,calc(100% - 48px));--shadow:0 24px 62px rgba(8,30,35,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Sora,Inter,sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(2.85rem,5.7vw,5rem)}h2{font-size:clamp(2.1rem,4vw,3.55rem)}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{width:var(--shell);margin:auto}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:12px;z-index:999;padding:8px 12px;background:#fff;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid transparent;color:#eff8f9;transition:background .2s,border-color .2s}.site-header.is-scrolled{background:rgba(7,23,29,.94);border-color:rgba(255,255,255,.1);backdrop-filter:blur(12px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:168px;height:auto}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a,.language{font-size:.85rem;font-weight:600;color:#c8d7da;transition:color .16s}.desktop-nav a:hover,.desktop-nav a:focus-visible,.language:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:18px}.language{border-left:1px solid rgba(255,255,255,.2);padding-left:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 23px;border:1px solid transparent;border-radius:999px;background:var(--cyan);color:#062027;font-weight:700;font-size:.92rem;box-shadow:0 8px 20px rgba(7,183,212,.18);transition:transform .16s,background .16s,box-shadow .16s}.button:hover,.button:focus-visible{transform:translateY(-2px);background:#36cee7;box-shadow:0 13px 26px rgba(7,183,212,.29)}.button-small{min-height:42px;padding:10px 16px;font-size:.82rem}.button-full{width:100%}.menu-button{display:none;width:40px;height:40px;padding:0;border:0;background:transparent;color:#fff}.menu-button span:not(.sr-only){display:block;width:23px;height:2px;margin:5px auto;background:currentColor}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;min-height:720px;padding:165px 0 92px;background:radial-gradient(circle at 81% 32%,#17434c 0,rgba(23,67,76,.48) 20%,transparent 46%),linear-gradient(120deg,#061419,#0b252d 67%,#0b323b);color:#eef9fa}.hero-grid-lines{position:absolute;inset:-100px 0;opacity:.68;background-image:radial-gradient(circle at 1px 1px,rgba(111,231,242,.58) 1.1px,transparent 1.7px),linear-gradient(rgba(118,230,241,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(118,230,241,.26) 1px,transparent 1px);background-size:24px 24px,96px 96px,96px 96px;mask-image:linear-gradient(110deg,rgba(0,0,0,.95),rgba(0,0,0,.68) 53%,transparent 91%);transform:translate3d(0,var(--hero-pattern-shift,0px),0);will-change:transform}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:66px}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:#7ee2ed;font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(7,183,212,.15)}.hero h1{max-width:700px}.hero h1 em,.section h2 em{color:#77e0eb;font-style:normal}.hero-lead{max-width:590px;margin-top:27px;color:#c5d6d9;font-size:1.12rem;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.text-link{display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:.9rem;font-weight:700;transition:color .16s}.text-link:hover,.text-link:focus-visible{color:var(--cyan)}.hero-trust{display:flex;flex-wrap:wrap;gap:19px 26px;padding:0;margin:38px 0 0;list-style:none;color:#bbced2;font-size:.81rem;font-weight:600}.hero-trust li{display:flex;align-items:center;gap:8px}.hero-trust svg{width:17px;height:17px;color:#6de1ec}.hero-product{position:relative;top:-32px;min-height:412px}.product-window{position:absolute;z-index:2;top:18px;right:0;width:min(530px,100%);overflow:hidden;border:1px solid rgba(164,238,245,.38);border-radius:13px;background:#122d34;box-shadow:0 30px 60px rgba(0,0,0,.38);transform:rotate(-2.5deg)}.window-bar{display:flex;align-items:center;gap:5px;height:33px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#153840}.window-bar span{width:7px;height:7px;border-radius:50%;background:#7c99a0}.window-bar p{margin-left:7px;color:#b8ced2;font-size:9px;font-family:Inter;letter-spacing:0}.window-bar b{padding:0 5px;color:#67dce9}.product-window img{width:100%;aspect-ratio:1.52;object-fit:cover;object-position:top left}.product-orbit{position:absolute;border:1px solid rgba(100,221,232,.28);border-radius:50%;transform:rotate(-33deg)}.orbit-one{top:24px;right:-23px;width:540px;height:390px}.orbit-two{top:65px;right:51px;width:430px;height:280px;border-color:rgba(118,102,217,.42)}.product-note{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:11px 13px;background:rgba(8,34,41,.9);box-shadow:var(--shadow);color:#d6edf0;font-size:.67rem;line-height:1.35}.product-note strong{color:#fff;font-size:.79rem}.product-note svg{width:23px;height:23px;color:#74e4ee}.note-knowledge{bottom:22px;left:-25px}.note-security{top:93px;right:-43px}.note-security svg{color:#b2a7fa}
.outcome-band{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr)}.outcome-grid>div{display:flex;gap:18px;min-height:134px;padding:29px 34px;border-left:1px solid var(--line)}.outcome-grid>div:last-child{border-right:1px solid var(--line)}.outcome-grid span{color:var(--cyan-deep);font:700 .74rem Sora}.outcome-grid p{color:var(--muted);font-size:.8rem;line-height:1.5}.outcome-grid strong{display:block;margin-bottom:4px;color:var(--ink);font-size:.91rem}
.section{padding:126px 0}.platform{background:#fff}.section-intro{max-width:780px}.split-intro{max-width:none;display:grid;grid-template-columns:1.15fr .75fr;gap:9%;align-items:end;margin-bottom:56px}.section-intro h2{max-width:700px}.section-intro>p:last-child{color:var(--muted);line-height:1.7}.eyebrow-dark{color:var(--cyan-deep)}.platform-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:18px}.feature-card{position:relative;min-height:300px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--mist);overflow:hidden}.feature-card-large{background:#e7f9fa}.feature-card-violet{background:var(--violet-pale)}.feature-card::after{content:"";position:absolute;width:190px;height:190px;right:-72px;bottom:-94px;border:1px solid rgba(7,126,153,.15);border-radius:50%}.feature-card-violet::after{border-color:rgba(117,99,217,.22)}.card-number{position:absolute;top:27px;right:30px;color:#83999d;font:600 .78rem Sora}.feature-icon{width:33px;height:33px;margin-bottom:47px;color:var(--cyan-deep)}.feature-card-violet .feature-icon{color:var(--violet)}.feature-card h3{max-width:270px;font-size:1.37rem}.feature-card p{position:relative;z-index:1;margin-top:13px;color:var(--muted);font-size:.89rem;line-height:1.62}.mini-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.mini-tags span{border:1px solid rgba(7,126,153,.2);border-radius:100px;padding:3px 9px;background:rgba(255,255,255,.55);color:#28616d;font-size:.67rem;font-weight:700}
.security{position:relative;overflow:hidden;background:var(--navy);color:#f0fafb}.security-decoration{position:absolute;inset:-48% auto auto 50%;width:1000px;height:1000px;border:1px solid rgba(105,224,235,.12);border-radius:50%;box-shadow:0 0 0 110px rgba(105,224,235,.025),0 0 0 220px rgba(105,224,235,.018)}.security-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:start}.security-copy h2{max-width:560px}.security-copy>p:not(.eyebrow){max-width:500px;margin-top:25px;color:#c0d2d5;line-height:1.72}.security-copy .security-emphasis{margin-top:21px;color:#8be4ed;font-weight:700}.text-link-light{margin-top:29px;color:#e9f7f8}.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.security-cards article{min-height:202px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.045)}.security-cards svg{width:27px;height:27px;margin-bottom:32px;color:#74e4ee}.security-cards article:nth-child(3) svg{color:#b4a9ff}.security-cards h3{font-size:1.02rem;letter-spacing:-.03em}.security-cards p{margin-top:9px;color:#b2c5c8;font-size:.8rem;line-height:1.58}
.workflow{background:#edf6f6}.workflow-layout{display:grid;grid-template-columns:1fr .94fr;gap:9%;align-items:center}.workflow-media{position:relative}.workflow-media img{position:relative;z-index:1;width:100%;border:1px solid #c8d8da;border-radius:14px;box-shadow:var(--shadow)}.workflow-backdrop{position:absolute;z-index:0;inset:-30px 25px 28px -30px;border:1px solid #92dfe8;border-radius:14px;background:#d5f3f5}.workflow-label{position:absolute;z-index:2;right:-38px;bottom:30px;display:flex;align-items:center;gap:10px;border-radius:11px;padding:11px 15px;background:var(--navy);box-shadow:0 12px 25px rgba(7,23,29,.22);color:#d8e8ea;font-size:.7rem;line-height:1.45}.workflow-label svg{width:21px;height:21px;color:#76e2ec}.workflow-copy h2{margin-bottom:36px;font-size:clamp(2rem,3.3vw,3rem)}.workflow-copy ol{padding:0;margin:0;list-style:none}.workflow-copy li{display:flex;gap:20px;padding:21px 0;border-top:1px solid #cfdcde}.workflow-copy li:last-child{border-bottom:1px solid #cfdcde}.workflow-copy li>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#d1f3f6;color:#08788c;font:700 .75rem Sora}.workflow-copy h3{font-size:1.08rem}.workflow-copy p{margin-top:5px;color:var(--muted);font-size:.86rem;line-height:1.57}
.use-cases{background:#fff}.centered{margin:0 auto;text-align:center}.centered .eyebrow{justify-content:center}.centered>p:last-child{max-width:600px;margin:21px auto 0}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:53px}.use-case-grid article{padding:26px;border:1px solid var(--line);border-radius:15px;background:#fff;transition:transform .18s,box-shadow .18s}.use-case-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,33,38,.09)}.use-case-grid h3{font-size:1.12rem}.use-case-grid p{margin-top:10px;color:var(--muted);font-size:.84rem;line-height:1.62}
.pilot{position:relative;overflow:hidden;padding:118px 0;background:linear-gradient(130deg,#0b292f,#0d3940);color:#f2fbfc}.pilot::before{content:"";position:absolute;right:-6%;top:-120px;width:600px;height:600px;border:1px solid rgba(125,234,243,.16);border-radius:50%;box-shadow:0 0 0 80px rgba(125,234,243,.026),0 0 0 160px rgba(125,234,243,.018)}.pilot-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:center}.pilot-copy h2{max-width:520px}.pilot-copy>p:not(.eyebrow){max-width:555px;margin-top:23px;color:#c1d7da;line-height:1.7}.contact-card{border-radius:20px;padding:36px;background:#fff;color:var(--ink);box-shadow:0 24px 54px rgba(0,0,0,.25)}.form-kicker{color:var(--cyan-deep);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.contact-card h3{margin-top:6px;font-size:1.65rem}.contact-card>p:not(.form-kicker):not(.form-alternative){margin-top:10px;color:var(--muted);font-size:.87rem;line-height:1.55}.contact-card form{margin-top:24px}.form-field{margin-top:14px}.form-field label{display:block;margin-bottom:5px;color:#34484d;font-size:.76rem;font-weight:700}.form-field label span{color:#809397;font-weight:400}.form-field input,.form-field textarea{display:block;width:100%;border:1px solid #c9d8da;border-radius:8px;padding:10px 11px;background:#fcfefe;color:var(--ink);font:inherit;font-size:.87rem;outline:none;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--cyan-deep);box-shadow:0 0 0 3px rgba(7,183,212,.14)}.form-honeypot{position:absolute;left:-10000px}.form-privacy{margin:16px 0;color:#718589;font-size:.72rem;line-height:1.45}.form-privacy a,.form-alternative a{color:var(--cyan-deep);font-weight:700;text-decoration:underline}.form-status{min-height:1.4em;margin:9px 0 0;font-size:.78rem;font-weight:600}.form-status.is-error{color:#b2332c}.form-status.is-success{color:#087f58}.form-alternative{margin-top:14px;color:#75888c;font-size:.78rem;text-align:center}
.site-footer{background:#06161b;color:#b8cbd0}.footer-main{display:grid;grid-template-columns:1.5fr .65fr .65fr;gap:8%;padding:58px 0}.footer-main .brand img{width:163px}.footer-main p{max-width:310px;margin-top:15px;font-size:.8rem;line-height:1.55}.footer-main nav{display:grid;align-content:start;gap:10px;font-size:.8rem}.footer-main nav a:hover,.footer-main nav a:focus-visible{color:#74e4ee}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.72rem;color:#789095}
@media (max-width:1050px){.desktop-nav{gap:18px}.header-cta{display:none}.hero-layout{gap:34px}.platform-grid{grid-template-columns:1fr 1fr}.feature-card-large{grid-row:span 1}.use-case-grid{grid-template-columns:1fr 1fr}.security-layout,.pilot-layout{gap:7%}}
@media (max-width:780px){:root{--shell:min(100% - 36px,620px)}.site-header{background:rgba(7,23,29,.77);backdrop-filter:blur(10px)}.header-inner{height:72px}.brand img{width:147px}.desktop-nav,.language{display:none}.header-actions{gap:8px}.menu-button{display:block}.mobile-nav{position:absolute;inset:72px 0 auto;gap:4px;padding:10px 18px 19px;background:rgba(7,23,29,.98);border-top:1px solid rgba(255,255,255,.12);transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .22s,opacity .16s}.site-header.is-open .mobile-nav{display:grid;transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav a:not(.button){padding:11px 4px;color:#d5e2e4;font-size:.9rem;font-weight:600}.mobile-nav .button{margin-top:7px}.hero{min-height:auto;padding:130px 0 67px}.hero-layout{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(2.6rem,12vw,3.5rem)}.hero-lead{margin-top:22px;font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}.hero-trust{display:grid;gap:12px;margin-top:29px}.hero-product{top:-18px;min-height:255px;width:91%;margin:auto}.product-window{width:100%;top:0;transform:rotate(-2deg)}.orbit-one{top:-8px;right:-23px;width:330px;height:250px}.orbit-two{top:18px;right:23px;width:270px;height:190px}.product-note{padding:8px 9px;font-size:.56rem}.product-note strong{font-size:.65rem}.product-note svg{width:18px;height:18px}.note-knowledge{bottom:-6px;left:-16px}.note-security{top:43px;right:-18px}.outcome-grid{grid-template-columns:1fr}.outcome-grid>div,.outcome-grid>div:last-child{min-height:0;padding:20px 0;border:0;border-bottom:1px solid var(--line)}.section{padding:82px 0}.split-intro,.security-layout,.workflow-layout,.pilot-layout{grid-template-columns:1fr;gap:36px}.split-intro{margin-bottom:39px}.platform-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:27px}.feature-icon{margin-bottom:35px}.security-cards{gap:10px}.security-cards article{min-height:185px;padding:20px}.security-cards svg{margin-bottom:26px}.workflow-media{width:calc(100% - 15px);margin-left:15px}.workflow-label{right:-7px;bottom:14px;font-size:.6rem}.workflow-copy h2{margin-bottom:26px}.use-case-grid{grid-template-columns:1fr;gap:10px;margin-top:38px}.use-case-grid article{padding:23px}.pilot{padding:82px 0}.contact-card{padding:26px 21px}.footer-main{grid-template-columns:1fr 1fr;gap:36px;padding:46px 0}.footer-main>div{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:3px}}
@media (max-width:430px){:root{--shell:min(100% - 30px,620px)}.header-inner{gap:12px}.brand img{width:135px}.button-small{padding:9px 12px;font-size:.74rem}.hero{padding-top:116px}.hero-product{width:95%;min-height:225px}.product-note{display:none}.security-cards{grid-template-columns:1fr}.security-cards article{min-height:0}.footer-main{grid-template-columns:1fr}.footer-bottom{font-size:.67rem}}
.hero h1{font-size:clamp(3rem,6.15vw,5.3rem);line-height:.96}
.hero-product{top:-56px}
@media (max-width:780px){.hero h1{font-size:clamp(2.8rem,12.4vw,3.65rem);line-height:.96}}
@media (max-width:780px){.hero-product{top:-26px}}
.product-statistics{position:absolute;z-index:4;right:-40px;bottom:-4px;width:255px;overflow:hidden;border:1px solid rgba(171,235,241,.48);border-radius:10px;background:#123039;box-shadow:0 18px 38px rgba(0,0,0,.35);transform:rotate(3.2deg)}.product-statistics .window-bar{height:26px;padding:0 9px}.product-statistics .window-bar span{width:5px;height:5px}.product-statistics .window-bar p{margin-left:5px;font-size:7px}.product-statistics img{width:100%;aspect-ratio:1.52;object-fit:cover;object-position:top left}
@media (max-width:780px){.product-statistics{right:-12px;bottom:-12px;width:44%;border-radius:7px}.product-statistics .window-bar{height:18px;padding:0 6px}.product-statistics .window-bar span{width:3px;height:3px}.product-statistics .window-bar p{font-size:5px}}
/* Hero: klare visuelle Rangfolge – Inhalt vor Produkt- und Netzebene. */
.hero-copy{position:relative;z-index:2}.product-window{border-color:rgba(164,238,245,.26);box-shadow:0 24px 50px rgba(0,0,0,.3);filter:brightness(.9) saturate(.82) contrast(.96)}.product-statistics{border-color:rgba(171,235,241,.3);box-shadow:0 15px 32px rgba(0,0,0,.27);filter:brightness(.84) saturate(.76) contrast(.96)}.product-orbit{border-color:rgba(100,221,232,.16);opacity:.78}.orbit-two{border-color:rgba(118,102,217,.23)}.product-note{border-color:rgba(255,255,255,.12);background:rgba(8,34,41,.84);box-shadow:0 15px 32px rgba(0,0,0,.2);color:#c1d9dc}.product-note strong{color:#effafb}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
/* Realistische Institutsaufnahmen in den Perspektivkarten. */
.use-case-grid article{overflow:hidden;padding:0 24px 25px}.use-case-photo{width:calc(100% + 48px);height:auto;aspect-ratio:1.72;object-fit:cover;margin:0 -24px}
/* Fresh brand palette: logo cyan, warm chalk, soft sage and deep teal. */
:root{--navy:#153e42;--navy-2:#20565a;--ink:#17383b;--muted:#5d7272;--line:#dbe6df;--mist:#f5f7f1;--cyan:#00bcde;--cyan-deep:#087e8d;--violet:#668e82;--violet-pale:#edf3e9;--aqua:#e2f4f2;--shadow:0 22px 52px rgba(23,56,59,.11)}
.site-header,.site-header.is-scrolled{background:rgba(21,62,66,.96);border-color:rgba(255,255,255,.09);backdrop-filter:blur(12px)}
.desktop-nav a,.language{color:#d8e7e4}.desktop-nav a:hover,.desktop-nav a:focus-visible,.language:hover{color:#fff}
.hero{background:radial-gradient(circle at 82% 28%,rgba(0,188,222,.12),transparent 35%),radial-gradient(circle at 18% 82%,rgba(144,184,151,.13),transparent 34%),linear-gradient(120deg,#f8f8f1,#edf6ef 62%,#e9f7f5);color:var(--ink)}
.hero h1 em,.section h2 em{color:#087e8d}.eyebrow{color:#087e8d}.eyebrow-dot{box-shadow:0 0 0 5px rgba(0,188,222,.13)}.hero-lead{color:#52696a}.hero-trust{color:#586f70}.hero-trust svg{color:#087e8d}
.product-window{border-color:rgba(19,74,78,.17);box-shadow:0 24px 54px rgba(23,56,59,.16);filter:none}.product-statistics{border-color:rgba(19,74,78,.23);box-shadow:0 14px 30px rgba(23,56,59,.18);filter:brightness(.94) saturate(.9)}.product-orbit{border-color:rgba(8,126,141,.15)}.orbit-two{border-color:rgba(102,142,130,.18)}.product-note{border-color:rgba(255,255,255,.45);background:rgba(21,62,66,.94);box-shadow:0 12px 26px rgba(23,56,59,.17)}
.outcome-band{background:#fff}.feature-card-large{background:#e7f3ea}.feature-card-violet{background:#edf3e9}.feature-card-violet::after{border-color:rgba(74,130,116,.18)}.feature-card-violet .feature-icon{color:var(--cyan-deep)}
.security{background:linear-gradient(125deg,#eaf4eb,#e5f4f2);color:var(--ink)}.security-decoration{border-color:rgba(8,126,141,.12);box-shadow:0 0 0 110px rgba(8,126,141,.025),0 0 0 220px rgba(8,126,141,.018)}.security-copy>p:not(.eyebrow){color:#52696a}.security-copy .security-emphasis{color:#087e8d}.security-cards article{border-color:#d5e5dc;background:rgba(255,255,255,.78)}.security-cards svg,.security-cards article:nth-child(3) svg{color:#087e8d}.security-cards h3{color:var(--ink)}.security-cards p{color:#5d7272}
.security .text-link-light{color:#087e8d}
.workflow{background:#f8f7f0}.workflow-backdrop{border-color:#b2d9cf;background:#e8f3e9}.workflow-copy li>span{background:#d9efec;color:#087e8d}
.use-cases{background:#fff}
.pilot{background:linear-gradient(125deg,#eaf3e9,#e3f4f2);color:var(--ink)}.pilot::before{border-color:rgba(8,126,141,.13);box-shadow:0 0 0 80px rgba(8,126,141,.025),0 0 0 160px rgba(8,126,141,.018)}.pilot-copy>p:not(.eyebrow){color:#52696a}.contact-card{box-shadow:0 20px 44px rgba(23,56,59,.13)}
.site-footer{background:#153e42}.footer-bottom{border-color:rgba(255,255,255,.13);color:#a7bfbd}.footer-main nav a:hover,.footer-main nav a:focus-visible{color:#71dfeb}
@media (max-width:780px){.site-header{background:rgba(21,62,66,.96)}}
/* Gewählte Farbwelt: Atlantikblau. */
:root{--navy:#0d2c43;--navy-2:#155273;--ink:#173746;--muted:#536b76;--line:#d4e1e8;--mist:#f0f5f6;--cyan:#00bcde;--cyan-deep:#087c91;--violet:#7465c8;--violet-pale:#edf0fb;--aqua:#e1f1f5;--shadow:0 22px 52px rgba(13,44,67,.13)}
.site-header,.site-header.is-scrolled{background:rgba(13,44,67,.97);border-color:rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.desktop-nav a,.language{color:#cfdee5}.desktop-nav a:hover,.desktop-nav a:focus-visible,.language:hover{color:#fff}
.hero{background:radial-gradient(circle at 82% 28%,rgba(0,188,222,.2),transparent 36%),radial-gradient(circle at 18% 82%,rgba(79,164,185,.12),transparent 34%),linear-gradient(120deg,#0d2c43,#155273 68%,#174f70);color:#f5fbfc}
.hero h1 em,.section h2 em{color:#00bcde}.eyebrow{color:#81dbe7}.eyebrow-dot{box-shadow:0 0 0 5px rgba(0,188,222,.18)}.hero-lead{color:#c5d7df}.hero-trust{color:#c3d5dc}.hero-trust svg{color:#7cdeeb}
.product-window{border-color:rgba(177,228,238,.32);box-shadow:0 24px 54px rgba(0,15,26,.28);filter:none}.product-statistics{border-color:rgba(177,228,238,.34);box-shadow:0 14px 30px rgba(0,15,26,.28);filter:brightness(.94) saturate(.9)}.product-orbit{border-color:rgba(120,216,230,.2)}.orbit-two{border-color:rgba(166,161,233,.24)}.product-note{border-color:rgba(255,255,255,.17);background:rgba(13,44,67,.94);box-shadow:0 12px 26px rgba(0,15,26,.22)}
.outcome-band{background:#fff}.feature-card-large{background:#e5f1f4}.feature-card-violet{background:#edf0fb}.feature-card-violet::after{border-color:rgba(116,101,200,.19)}.feature-card-violet .feature-icon{color:var(--violet)}
.security{background:linear-gradient(125deg,#e8f1f5,#eaf3f3);color:var(--ink)}.security-decoration{border-color:rgba(8,124,145,.14);box-shadow:0 0 0 110px rgba(8,124,145,.025),0 0 0 220px rgba(8,124,145,.018)}.security-copy>p:not(.eyebrow){color:#536b76}.security-copy .security-emphasis{color:#087c91}.security-cards article{border-color:#d3e1e8;background:rgba(255,255,255,.82)}.security-cards svg,.security-cards article:nth-child(3) svg{color:#087c91}.security-cards h3{color:var(--ink)}.security-cards p{color:#536b76}.security .text-link-light{color:#087c91}
.workflow{background:#f3f6f6}.workflow-backdrop{border-color:#a9d4e0;background:#dceef2}.workflow-copy li>span{background:#d9eef2;color:#087c91}
.use-cases{background:#fff}
.pilot{background:linear-gradient(125deg,#123b58,#155273);color:#f5fbfc}.pilot::before{border-color:rgba(112,220,234,.17);box-shadow:0 0 0 80px rgba(112,220,234,.027),0 0 0 160px rgba(112,220,234,.018)}.pilot-copy>p:not(.eyebrow){color:#c5d8df}.contact-card{box-shadow:0 22px 48px rgba(5,28,45,.24)}
.site-footer{background:#0b263a}.footer-bottom{border-color:rgba(255,255,255,.13);color:#a8c0ca}.footer-main nav a:hover,.footer-main nav a:focus-visible{color:#78dfeb}
.eyebrow-dark,.security .eyebrow{color:#087c91}.hero .eyebrow,.pilot .eyebrow{color:#81dbe7}
.security{background:linear-gradient(125deg,#e2edf2,#e6f1f2)}
@media (max-width:780px){.site-header{background:rgba(13,44,67,.97)}}
.use-case-grid article{overflow:hidden;padding:26px}
.use-case-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:7%;align-items:center;margin-bottom:52px}.use-case-mosaic{position:relative;isolation:isolate;aspect-ratio:1.78;overflow:visible}.photo-layer{position:absolute;height:76%;object-fit:cover;border:1px solid rgba(255,255,255,.78);border-radius:17px;box-shadow:0 17px 36px rgba(13,44,67,.2)}.photo-leadership{z-index:1;top:3%;left:1%;width:68%;transform:rotate(-5deg)}.photo-lab{z-index:2;top:0;right:1%;width:66%;transform:rotate(5deg)}.photo-pilot{z-index:3;top:12%;right:6%;width:70%;height:72%;transform:rotate(2.5deg)}.photo-team{z-index:4;top:10%;left:11%;width:75%;height:74%;transform:rotate(-1deg)}.photo-caption{position:absolute;z-index:6;right:4%;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px;padding:12px 14px 12px 20px;border:1px solid #dbe7ec;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 13px 28px rgba(13,44,67,.15);color:#173746}.photo-caption span{display:grid;gap:3px}.photo-caption small{color:#087c91;font-size:.62rem;font-weight:700;letter-spacing:.11em}.photo-caption strong{font:600 1.05rem Sora,Inter,sans-serif;letter-spacing:-.025em}.photo-caption a{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#00bcde;color:#07323c;font-size:1.45rem;font-weight:600;transition:transform .16s,background .16s}.photo-caption a:hover,.photo-caption a:focus-visible{transform:translateX(2px);background:#43d0e7}
@media (max-width:780px){.use-case-intro{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.use-case-mosaic{aspect-ratio:1.72}.photo-layer{height:75%;border-radius:13px}.photo-leadership{top:3%;left:0;width:67%;transform:rotate(-4deg)}.photo-lab{top:0;right:0;width:67%;transform:rotate(4deg)}.photo-pilot{top:12%;right:3%;width:70%;height:72%;transform:rotate(2deg)}.photo-team{top:10%;left:10%;width:77%;height:74%;transform:rotate(-1deg)}.photo-caption{right:0;left:0;min-height:68px;padding:10px 11px 10px 15px;border-radius:15px}.photo-caption small{font-size:.55rem}.photo-caption strong{font-size:.88rem}.photo-caption a{width:42px;height:42px;border-radius:12px}.use-case-grid article{padding:23px}}

/* A six-image carousel keeps all research scenes in their relevant institute section. */
.photo-layer{transition:opacity .18s ease}
.photo-layer.is-switching{opacity:.45}
.note-security{z-index:7}
.photo-backplate{position:absolute;height:76%;border:1px solid rgba(255,255,255,.8);border-radius:17px;box-shadow:0 17px 36px rgba(13,44,67,.12)}
.backplate-one{z-index:1;top:3%;left:1%;width:68%;background:linear-gradient(145deg,#e4eff3,#d9e9e8);transform:rotate(-5deg)}
.backplate-two{z-index:2;top:0;right:1%;width:66%;background:linear-gradient(145deg,#edf3f3,#dfecef);transform:rotate(5deg)}
.photo-team{z-index:4;top:10%;left:11%;width:75%;height:74%;transform:rotate(-1deg)}
@media(max-width:780px){.product-window{right:0;width:82%}.product-statistics{z-index:6}.photo-backplate{height:75%;border-radius:13px}.backplate-one{top:3%;left:0;width:67%;transform:rotate(-4deg)}.backplate-two{top:0;right:0;width:67%;transform:rotate(4deg)}.photo-team{top:10%;left:10%;width:77%;height:74%;transform:rotate(-1deg)}}
.photo-caption button{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:14px;background:#00bcde;color:#07323c;font:600 1.45rem/1 Inter,Arial,sans-serif;cursor:pointer;transition:transform .16s,background .16s}
.photo-caption button:hover,.photo-caption button:focus-visible{transform:translateX(2px);background:#43d0e7}
.photo-caption button:focus-visible{outline:3px solid #087c91;outline-offset:3px}
@media(max-width:780px){.photo-caption button{width:42px;height:42px;border-radius:12px}}

/* Stronger section-by-section visual anchors and more deliberate rhythm. */
.outcome-band{padding:22px 0;background:#e9f1f5;border:0}
.outcome-grid{gap:12px}
.outcome-grid>div,.outcome-grid>div:last-child{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:15px;min-height:144px;padding:22px 24px;border:1px solid #d1e1e9;border-radius:17px;background:#f9fbfc;box-shadow:0 9px 22px rgba(13,44,67,.045)}
.outcome-grid>div:nth-child(2){background:#eaf5f6}
.outcome-grid>div:nth-child(3){background:#f1effa;border-color:#dedaf0}
.outcome-marker{display:grid;justify-items:center;gap:9px}
.outcome-marker span{color:#698795;font:700 .67rem Sora,Inter,sans-serif}
.outcome-marker svg{width:39px;height:39px;color:#087c91;stroke-width:1.55}
.outcome-grid>div:nth-child(3) .outcome-marker svg{color:#7465c8}
.outcome-grid strong{font-size:1rem}
.outcome-grid p{font-size:.81rem;line-height:1.52}

.feature-card{min-height:405px;padding:27px 30px 30px}
.feature-illustration{display:block;width:100%;height:127px;margin:9px 0 20px;overflow:visible}
.feature-illustration text{fill:#375b68;stroke:none;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600}
.feature-card h3{font-size:1.27rem}
.feature-card-large{background:linear-gradient(150deg,#e5f4f6,#f2f8fa)}
.feature-card:not(.feature-card-large):not(.feature-card-violet){background:linear-gradient(150deg,#f1f7f8,#f9fbfb)}
.feature-card-violet{background:linear-gradient(150deg,#eeeffa,#f8f7fc)}

.security-layout{grid-template-columns:.88fr 1.12fr;gap:8%}
.security-aside{display:grid;gap:17px}
.security-visual{overflow:hidden;border:1px solid rgba(139,207,222,.32);border-radius:22px;background:#123653;box-shadow:0 22px 50px rgba(0,13,28,.2)}
.security-visual svg{display:block;width:100%;height:auto;stroke:none}
.security-cards article{min-height:178px;background:rgba(255,255,255,.065);border-color:rgba(154,219,230,.18)}
.security-cards svg{margin-bottom:23px}

.workflow{background:linear-gradient(125deg,#f0f5f6,#e8f2f4)}
.workflow-backdrop{inset:-24px 31px 34px -23px;border:0;background:linear-gradient(135deg,#bfe5e8,#d9e9f0)}
.workflow-media img{box-shadow:0 28px 55px rgba(13,44,67,.18)}
.workflow-copy ol{position:relative}
.workflow-copy ol::before{content:"";position:absolute;top:37px;bottom:37px;left:14px;width:2px;background:linear-gradient(#14b8ce,#8a82d4);opacity:.55}
.workflow-copy li{position:relative;z-index:1}
.workflow-copy li>span{width:31px;height:31px;border:2px solid #fff;box-shadow:0 0 0 1px #8bcbd6;background:#dff4f5}

.use-case-intro .section-intro>p:last-child{max-width:470px}
.use-case-mosaic{min-height:310px}
.photo-backplate{box-shadow:0 18px 40px rgba(13,44,67,.1)}
.photo-caption{border-color:#d1e2e8;box-shadow:0 16px 34px rgba(13,44,67,.13)}
.use-case-grid{gap:13px}
.use-case-grid article{position:relative;min-height:225px;border-color:#d8e4e9;background:linear-gradient(150deg,#fff,#f7fafb)}
.use-case-grid article:nth-child(2){background:linear-gradient(150deg,#eff8f8,#fff)}
.use-case-grid article:nth-child(3){background:linear-gradient(150deg,#f0f1fa,#fff)}
.use-case-grid article:nth-child(4){background:linear-gradient(150deg,#f5f8f3,#fff)}
.use-case-grid article:hover{box-shadow:0 18px 34px rgba(13,44,67,.1)}

.pilot{background:radial-gradient(ellipse at 18% 10%,rgba(15,123,151,.26),transparent 43%),linear-gradient(125deg,#0d2c43,#123d5d 70%,#154662)}
.contact-card{border:1px solid rgba(197,225,234,.75);box-shadow:0 30px 65px rgba(0,14,29,.28)}

@media(max-width:1050px){.outcome-grid>div,.outcome-grid>div:last-child{padding:19px 17px;gap:12px}.outcome-grid p{font-size:.75rem}.feature-card{padding:25px 23px}.feature-illustration{height:112px}.security-layout{gap:5%}}
@media(max-width:780px){.outcome-band{padding:15px 0}.outcome-grid{gap:8px}.outcome-grid>div,.outcome-grid>div:last-child{min-height:105px;padding:17px 20px;grid-template-columns:53px 1fr;border:1px solid #d1e1e9}.outcome-marker{grid-template-columns:18px 1fr;align-items:center;justify-items:start;gap:8px}.outcome-marker span{grid-column:1}.outcome-marker svg{grid-column:2;grid-row:1;width:34px;height:34px}.outcome-grid>div:nth-child(3){border-color:#dedaf0}.platform-grid{gap:14px}.feature-card{min-height:0;padding:24px}.feature-illustration{height:120px;margin:2px 0 16px}.security-layout{grid-template-columns:1fr;gap:36px}.security-aside{gap:13px}.security-visual{border-radius:16px}.security-cards article{min-height:166px;padding:20px}.security-cards svg{margin-bottom:19px}.workflow-copy ol::before{top:32px;bottom:32px}.use-case-mosaic{min-height:0}.use-case-grid article{min-height:0;padding:22px}}
@media(max-width:430px){.feature-illustration{height:105px}.security-visual{margin:0 -2px}.security-cards article{min-height:0}.use-case-grid article{padding:21px}}

/* Complete art direction: research atlas, strong blue anchors, crisp readable type. */
:root{--navy:#0b2c45;--navy-2:#124d70;--ink:#12364b;--muted:#526c7a;--line:#d4e2e9;--mist:#f2f6f8;--cyan:#04bfdc;--cyan-deep:#087c91;--violet:#7062c7;--shadow:0 24px 54px rgba(11,44,69,.12)}
.site-header,.site-header.is-scrolled{background:rgba(10,37,58,.96);border-color:rgba(255,255,255,.11);backdrop-filter:blur(14px)}
.desktop-nav a,.language{font-size:.9rem;color:#d7e7ed}
.button-small{font-size:.875rem}
.hero{background:radial-gradient(ellipse at 87% 25%,rgba(4,191,220,.18),transparent 34%),radial-gradient(ellipse at 18% 88%,rgba(64,132,174,.16),transparent 38%),linear-gradient(118deg,#0b2c45 4%,#123e60 59%,#0c4b6d)}

.outcome-band{background:linear-gradient(110deg,#e8f2f6,#f0f6f7 54%,#eef0fa);padding:24px 0}
.outcome-grid>div,.outcome-grid>div:last-child{min-height:154px;border-color:#cfdee6;background:rgba(255,255,255,.86);box-shadow:0 12px 28px rgba(11,44,69,.055)}
.outcome-grid>div:nth-child(2){background:linear-gradient(140deg,#e5f4f5,#fff)}
.outcome-grid>div:nth-child(3){background:linear-gradient(140deg,#eeedfa,#fff)}
.outcome-grid p{font-size:.875rem}
.section{padding:108px 0}
.platform{background:linear-gradient(180deg,#f4f8fa,#fff 38%)}
.split-intro{margin-bottom:48px}
.section-intro>p:last-child{font-size:1rem}
.feature-card{border-radius:22px;box-shadow:0 18px 42px rgba(11,44,69,.065);transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(11,44,69,.11)}
.feature-card p{font-size:.93rem}
.mini-tags span{font-size:.75rem}
.security{background:radial-gradient(ellipse at 74% 30%,rgba(16,113,153,.22),transparent 42%),linear-gradient(120deg,#0b2c45,#103c5e 58%,#0d334f);color:#f5fbfd}
.security::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 48%,rgba(255,255,255,.025) 48.1%,transparent 48.3% 100%);pointer-events:none}
.security-decoration{border-color:rgba(98,219,233,.17);box-shadow:0 0 0 105px rgba(98,219,233,.025),0 0 0 210px rgba(98,219,233,.018)}
.security .eyebrow{color:#77ddea}
.security-copy h2{max-width:590px;color:#f8fcfd;font-size:clamp(2.35rem,3.8vw,3.2rem)}
.security-copy>p:not(.eyebrow){color:#d0e0e7;font-size:1rem}
.security-copy .security-emphasis{color:#7de0eb;font-size:1.02rem}
.text-link-light{color:#effafd}
.security-visual{border-color:rgba(132,217,230,.38);box-shadow:0 24px 52px rgba(0,14,28,.28)}
.security-cards article{border-color:rgba(158,215,228,.22);background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.security-cards svg{color:#73dce8}
.security-cards h3{color:#f1fafc;font-size:1.05rem}
.security-cards p{color:#c7dbe2;font-size:.9rem;line-height:1.6}
.security-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%}
.security-layout>.security-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.security-layout>.security-cards article{min-height:250px;padding:30px 44px}
@media(max-width:780px){.security-layout>.security-cards{grid-template-columns:1fr}.security-layout>.security-cards article{min-height:0;padding:28px}}
.workflow{background:linear-gradient(115deg,#e6f0f4,#f4f7f9 50%,#e9f2f5)}
.workflow-layout{gap:8%}
.workflow-backdrop{background:linear-gradient(135deg,#99dce4,#d1e9ee)}
.workflow-copy p{font-size:.92rem}
.use-cases{background:linear-gradient(180deg,#f4f7f8,#fff 32%,#fff)}
.use-case-intro{gap:6%;margin-bottom:44px}
.use-case-intro .section-intro>p:last-child{font-size:1rem;line-height:1.7}
.use-case-grid article{border-radius:19px;box-shadow:0 9px 23px rgba(11,44,69,.045)}
.use-case-grid h3{font-size:1.16rem}
.use-case-grid p{font-size:.9rem}
.photo-caption small{font-size:.75rem}
.photo-caption strong{font-size:1.1rem}
.pilot{background:radial-gradient(ellipse at 16% 8%,rgba(4,191,220,.2),transparent 43%),linear-gradient(120deg,#0a2a43,#10466b 68%,#0c3555)}
.pilot-copy>p:not(.eyebrow){color:#d1e2e9;font-size:1rem}
.contact-card{border-radius:24px}
.form-field label{font-size:.875rem}
.form-privacy{font-size:.8125rem}
.footer-main nav,.footer-main p{font-size:.875rem}
@media(max-width:1050px){.section{padding:92px 0}.outcome-grid>div,.outcome-grid>div:last-child{min-height:156px;padding:20px 16px}.outcome-grid p{font-size:.8125rem}.security-layout{gap:5%}}
@media(max-width:780px){.section{padding:76px 0}.outcome-band{padding:14px 0}.outcome-grid>div,.outcome-grid>div:last-child{min-height:105px;padding:17px 20px}.outcome-grid p{font-size:.875rem}.split-intro{margin-bottom:36px}.security-layout{gap:31px}.security-cards p{font-size:.9rem}.use-case-intro{margin-bottom:34px}.photo-caption small{font-size:.6875rem}.photo-caption strong{font-size:.95rem}}

/* The platform section uses one quiet research photo as atmosphere instead of
   three competing diagrams. A left-to-right veil keeps the copy and cards clear. */
.platform{position:relative;isolation:isolate;overflow:hidden;background:#f4f8fa}
.platform::before{content:"";position:absolute;z-index:0;inset:0 0 0 auto;width:68%;background-image:linear-gradient(90deg,#f4f8fa 0%,rgba(244,248,250,.9) 20%,rgba(244,248,250,.56) 62%,rgba(244,248,250,.32) 100%),linear-gradient(0deg,rgba(244,248,250,.72) 0%,transparent 24%,transparent 72%,rgba(244,248,250,.84) 100%),url("assets/img/research/research-team.jpg");background-size:cover;background-position:center 42%;pointer-events:none}
.platform>.shell{position:relative;z-index:1}
.platform .feature-card{min-height:310px;padding:70px 30px 30px;background:rgba(255,255,255,.89);backdrop-filter:blur(2px)}
.platform .feature-card-large{background:rgba(232,244,247,.9)}
.platform .feature-card-violet{background:rgba(241,240,250,.91)}
.platform .feature-card::after{content:none}
.platform .feature-card h3{max-width:310px}
.platform .split-intro>p:last-child{padding:22px 24px;border:1px solid rgba(206,222,229,.9);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(17,48,65,.09);color:#365565;font-size:1rem;line-height:1.72}
@media(max-width:780px){.platform::before{width:100%;background-image:linear-gradient(90deg,rgba(244,248,250,.9),rgba(244,248,250,.74)),linear-gradient(0deg,rgba(244,248,250,.8),transparent 55%,rgba(244,248,250,.7)),url("assets/img/research/research-team.jpg");background-position:58% center}.platform .feature-card{min-height:0;padding:60px 24px 25px;background:rgba(255,255,255,.92)}.platform .feature-card-large{background:rgba(232,244,247,.93)}.platform .feature-card-violet{background:rgba(241,240,250,.94)}}

/* A privacy badge replaces the secondary statistics screenshot in the hero. */
.privacy-badge{position:absolute;z-index:8;top:64%;right:-28px;display:flex;align-items:center;gap:15px;width:min(318px,82%);padding:17px 20px;border:1px solid rgba(160,230,185,.45);border-radius:18px;background:linear-gradient(135deg,rgba(17,57,49,.87),rgba(24,82,64,.84));box-shadow:0 22px 46px rgba(0,22,16,.3),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(10px);color:#f3fbf6;transform:rotate(1.2deg)}
.privacy-badge-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid rgba(160,230,185,.3);border-radius:16px;background:linear-gradient(145deg,rgba(102,210,143,.2),rgba(61,145,102,.24));color:#8de1aa}
.privacy-badge-icon svg{width:28px;height:28px;stroke-width:1.7;animation:privacy-shield-pulse 4.2s ease-in-out infinite;transform-origin:center}
@keyframes privacy-shield-pulse{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(141,225,170,0))}50%{transform:translateY(-2px) scale(1.07);filter:drop-shadow(0 3px 5px rgba(141,225,170,.32))}}
.privacy-badge-copy{display:grid;gap:3px}
.privacy-badge-copy small{color:#a5e9ba;font-size:.59rem;font-weight:700;letter-spacing:.13em}
.privacy-badge-copy strong{font:600 1.1rem/1.22 Sora,Inter,sans-serif;letter-spacing:-.025em}
.privacy-badge-copy>span{margin-top:2px;color:#d0e5d7;font-size:.68rem;line-height:1.4}
.privacy-badge-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:0 0 3px;border-bottom:1px solid rgba(197,236,207,.75);background:transparent;color:#e2f7e8;font-size:.72rem;font-weight:650;line-height:1.35;text-decoration:none;transition:color .16s,border-color .16s}
.privacy-badge-link:hover{border-color:#a5e9ba;color:#a5e9ba}
.privacy-badge-link:focus-visible{outline:3px solid #e6ffec;outline-offset:3px}
.privacy-badge-link span{color:#a5e9ba;font-size:1.05rem;line-height:1}
@media(max-width:780px){.privacy-badge{top:auto;right:-5px;bottom:-12px;width:min(280px,86vw);gap:11px;padding:12px 15px;border-radius:15px}.privacy-badge-icon{width:42px;height:42px;border-radius:13px}.privacy-badge-icon svg{width:24px;height:24px}.privacy-badge-copy small{font-size:.52rem}.privacy-badge-copy strong{font-size:.93rem}.privacy-badge-copy>span{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.privacy-badge-icon svg{animation:none}}

.platform-copy-carousel{position:relative;align-self:end;min-height:260px;padding:27px 29px 22px;border:1px solid rgba(203,220,228,.95);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 18px 42px rgba(14,45,62,.12);color:#24495a;transition:opacity .16s ease,transform .16s ease}
.platform-copy-carousel::before{content:"";position:absolute;top:0;left:28px;width:58px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#05b9d6,#7465c8)}
.platform-copy-carousel.is-changing{opacity:.28;transform:translateY(4px)}
.copy-carousel-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.copy-carousel-meta>span:first-child{color:#087c91;font-size:.65rem;font-weight:700;letter-spacing:.12em}
.copy-carousel-counter{color:#849ba5;font:600 .72rem Sora,Inter,sans-serif;letter-spacing:.06em}
.platform-copy-carousel h3{max-width:520px;color:#12364b;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.035em}
.platform-copy-carousel [data-copy-body]{min-height:5.1em;margin-top:12px;color:#435f6e;font-size:.94rem;line-height:1.7}
.copy-carousel-footer{display:flex;align-items:center;gap:20px;margin-top:19px;padding-top:17px;border-top:1px solid #e7eef1}
.copy-carousel-progress{display:flex;flex:1;gap:6px;align-items:center}
.copy-carousel-progress span{height:3px;flex:1;border-radius:5px;background:#dce7eb;transition:background .2s,transform .2s}
.copy-carousel-progress span.is-current{background:linear-gradient(90deg,#05b9d6,#178da8);transform:scaleY(1.5)}
.copy-carousel-controls{display:flex;gap:8px}
.copy-carousel-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d2e1e7;border-radius:13px;background:#fff;color:#16465c;font:600 1.1rem/1 Inter,Arial,sans-serif;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.copy-carousel-controls button:last-child{border-color:#04b9d5;background:#04b9d5;color:#073d4d}
.copy-carousel-controls button:hover{transform:translateY(-2px);border-color:#078ba1}
.copy-carousel-controls button:focus-visible{outline:3px solid rgba(4,185,213,.35);outline-offset:3px}
@media(max-width:780px){.platform-copy-carousel{min-height:0;padding:25px 23px 19px;border-radius:18px}.platform-copy-carousel [data-copy-body]{min-height:0;font-size:.9rem}.copy-carousel-meta{margin-bottom:14px}.copy-carousel-footer{margin-top:17px;padding-top:14px}.copy-carousel-controls button{width:38px;height:38px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.platform-copy-carousel,.copy-carousel-progress span,.copy-carousel-controls button{transition:none}}

.outcome-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.outcome-grid>div,.outcome-grid>div:last-child{grid-template-columns:36px 1fr;align-items:start;gap:10px;min-height:156px;padding:17px 13px}
.outcome-marker{gap:7px}
.outcome-marker svg{width:31px;height:31px}
.outcome-grid p{font-size:.76rem;line-height:1.48}
.outcome-grid strong{font-size:.84rem;line-height:1.3}
@media(max-width:1050px){.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-grid>div,.outcome-grid>div:last-child{min-height:120px;padding:15px 12px}}
@media(max-width:430px){.outcome-grid{grid-template-columns:1fr}}
.outcome-grid{gap:0}
.outcome-grid>div,.outcome-grid>div:last-child{display:block;min-height:0;padding:17px 15px;border:0;border-left:1px solid #cadce1;border-radius:0;background:transparent!important;box-shadow:none}
.outcome-grid>div:first-child{border-left:0}
.outcome-marker{display:block;margin-bottom:7px}
.outcome-marker span{font-size:.66rem}
.outcome-grid p{font-size:.78rem;line-height:1.4;white-space:nowrap}
.outcome-grid strong{margin-bottom:4px;font-size:.86rem;line-height:1.3}
@media(max-width:780px){.outcome-grid>div,.outcome-grid>div:last-child{padding:13px 12px;border-left:0;border-bottom:1px solid #cadce1}.outcome-grid>div:nth-child(even){border-left:1px solid #cadce1}.outcome-grid>div:last-child{border-bottom:0}.outcome-grid p{font-size:.76rem}}
@media(max-width:430px){.outcome-grid>div,.outcome-grid>div:last-child{padding:13px 7px;border-left:0}.outcome-grid>div:last-child{border-bottom:0}}
.privacy-points{grid-template-columns:repeat(4,minmax(0,1fr))}
.privacy-points>div,.privacy-points>div:last-child{min-height:130px;padding:14px 13px}
.privacy-points p{font-size:.72rem;line-height:1.42;white-space:normal}
.privacy-points strong{font-size:.78rem;line-height:1.32}
@media(max-width:1050px){.privacy-points{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-points>div:nth-child(odd){border-left:0}.privacy-points>div:nth-child(n+3){border-top:1px solid #cadce1}}
@media(max-width:780px){.privacy-points{grid-template-columns:1fr}.privacy-points>div,.privacy-points>div:last-child,.privacy-points>div:nth-child(even){min-height:0;padding:13px 12px;border-top:0;border-left:0}.privacy-points>div:last-child{border-bottom:0}.privacy-points p{font-size:.74rem}}
@media(max-width:430px){.privacy-points>div,.privacy-points>div:last-child{padding:12px 7px;border-left:0}}

/* Hero product preview: institute statistics, ideas, funding and AI application support. */
.idea-screen{box-sizing:border-box;display:grid;width:100%;aspect-ratio:1.52;grid-template-columns:72px minmax(0,1fr);gap:9px;overflow:hidden;padding:9px;background:#f4f7f7;color:#18394b;font-family:Inter,Arial,sans-serif}
.idea-screen-menu{min-width:0;padding:8px 5px;border-radius:6px;background:#123445;color:#d8e8eb}
.idea-screen-menu-mark{display:block;width:58px;height:auto;margin:2px auto 8px}
.idea-screen-menu nav ul{display:grid;gap:4px;margin:14px 0 0;padding:0;list-style:none}
.idea-screen-menu nav li{display:flex;align-items:center;gap:4px;min-width:0;padding:5px 4px;border-radius:4px;color:#b8cbd2;font-size:5.8px;white-space:nowrap}
.idea-screen-menu nav li.is-active{background:rgba(91,203,190,.18);color:#f2fbfa}
.idea-screen-menu nav svg{width:9px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.idea-screen-main{display:flex;min-width:0;flex-direction:column;overflow:hidden}
.idea-screen-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;color:#718894;font-size:7px;font-weight:700;letter-spacing:.09em}
.idea-screen-toolbar b{padding:0 4px;color:#1994a4}
.idea-screen-saved{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:500;letter-spacing:0}
.idea-screen-saved i{width:5px;height:5px;border-radius:50%;background:#6ab78b}
.idea-screen-grid{display:grid;min-height:0;flex:1;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;margin-top:9px}
.idea-screen-panel{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;padding:8px 9px;border:1px solid #dfe8ea;border-top:2px solid #81bba0;border-radius:8px;background:#fff}
.idea-screen-panel-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:5px}
.idea-screen-panel-head>div{min-width:0}
.idea-screen-panel h3{margin:4px 0 0;color:#173d50;font:650 11px/1.25 Sora,Inter,sans-serif;letter-spacing:-.02em}
.idea-screen-label{display:flex;flex:none;align-items:center;gap:4px;color:#718891;font-size:6px;font-weight:750;letter-spacing:.1em;line-height:1.1}
.idea-screen-statistics{border-top-color:#329b77}
.idea-screen-chart{display:block;width:100%;height:auto;min-height:0;flex:1;margin-top:2px;overflow:visible}
.idea-screen-chart text{fill:#718691;font:6px Inter,Arial,sans-serif}
.idea-screen-development{border-top-color:#36a0a5}
.idea-screen-development h3{font-size:10px}
.idea-screen-development p{margin:5px 0 0;color:#677e89;font-size:7px;line-height:1.35}
.idea-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:auto;padding-top:5px;color:#47806d;font-size:6px}
.idea-screen-footer>span{padding:3px 5px;border-radius:10px;background:#eaf5ee}
.idea-screen-footer b{font-weight:650}
.idea-screen-footer i{padding-left:3px;color:#26978c;font-style:normal}
.idea-screen-funding{border-top-color:#8173c3}
.idea-screen-funding ul{display:grid;gap:0;margin:5px 0 0;padding:0;list-style:none}
.idea-screen-funding li{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:4px 0;border-top:1px solid #edf0f2;color:#526c78;font-size:7px;line-height:1.15}
.idea-screen-funding li span{color:#8173c3;font-size:9px}
.idea-screen-ai{border-top-color:#d09a47;background:linear-gradient(135deg,#fff,#fffaf1)}
.idea-screen-ai .idea-screen-label{color:#9d7941}
.idea-screen-ai .idea-screen-label svg{width:9px;height:9px;color:#b58438}
.idea-screen-ai h3{font-size:12px}
.idea-screen-ai p{margin:4px 0 0;color:#657983;font-size:7px}
.idea-screen-data{margin-top:auto;padding-top:6px;color:#74868d;font-size:6px;white-space:nowrap}
.idea-screen-data i{padding:0 2px;color:#41a58b;font-style:normal}
@media(max-width:780px){.idea-screen{grid-template-columns:64px minmax(0,1fr);gap:7px;padding:8px}.idea-screen-menu{padding:7px 4px}.idea-screen-menu-mark{width:50px;margin-bottom:6px}.idea-screen-menu nav ul{gap:3px;margin-top:10px}.idea-screen-menu nav li{gap:3px;padding:5px 3px;font-size:5.4px}.idea-screen-grid{gap:6px;margin-top:7px}.idea-screen-panel{padding:7px}.idea-screen-photo{width:35px;height:29px}.idea-screen-panel h3{font-size:9px}.idea-screen-label{font-size:5.5px}.idea-screen-chart text{font-size:5.5px}.idea-screen-development h3{font-size:8.5px}.idea-screen-development p,.idea-screen-funding li,.idea-screen-ai p{font-size:6px}.idea-screen-footer{font-size:5.5px}.idea-screen-ai h3{font-size:10px}.idea-screen-data{font-size:5.5px}}
@media(max-width:430px){.idea-screen{aspect-ratio:.95;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:7px}.idea-screen-menu{padding:6px 3px}.idea-screen-menu-mark{display:none}.idea-screen-menu nav ul{margin-top:3px}.idea-screen-menu nav li{justify-content:center;padding:5px 2px}.idea-screen-menu nav li span{display:none}.idea-screen-menu nav svg{width:10px;height:10px}.idea-screen-grid{grid-template-rows:1fr 1fr 1fr;gap:5px;margin-top:6px}.idea-screen-statistics{grid-column:1/-1}.idea-screen-ai{grid-column:1/-1}.idea-screen-chart{max-height:62px}.idea-screen-panel{padding:6px}.idea-screen-photo{width:27px;height:23px}.idea-screen-panel h3{font-size:8px}.idea-screen-label{font-size:5.2px}.idea-screen-chart text{font-size:5px}.idea-screen-development h3{font-size:8px}.idea-screen-development p,.idea-screen-funding li,.idea-screen-ai p{font-size:5.8px}.idea-screen-ai h3{font-size:9px}.idea-screen-footer,.idea-screen-data{font-size:5px}}

/* Hero product mockup: a calm, straight-on platform dashboard with four clear areas. */
.hero-product{top:-56px;min-height:535px}
.product-window{top:8px;right:0;width:min(600px,100%);border-color:rgba(181,224,232,.42);border-radius:16px;background:#f4f7f7;box-shadow:0 28px 64px rgba(0,15,26,.32);filter:none;transform:none}
.window-bar{height:38px;gap:7px;padding:0 15px;background:#102f42}
.window-bar span{width:8px;height:8px;background:#7896a1}
.window-bar p{margin-left:7px;color:#d1e2e7;font-size:10px}
.idea-screen{aspect-ratio:1.38;grid-template-columns:96px minmax(0,1fr);gap:13px;padding:13px;background:#f4f7f7;color:#18394b}
.idea-screen-menu{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:10px 7px 7px;border-radius:9px;background:#08131a;color:#d8e8eb}
/* Overrides the global product-window image rule: the actual TwinstOS logo must keep its native aspect ratio. */
.product-window .idea-screen-menu-logo{display:block;width:82px;max-width:100%;height:auto;aspect-ratio:auto;margin:2px auto 8px;object-fit:contain;object-position:center}
.idea-screen-menu nav{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;border-top:1px solid rgba(226,243,246,.13);padding-top:7px}
.idea-screen-menu .idea-screen-nav-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none}
.idea-screen-menu .idea-screen-nav-list>li{display:block;min-width:0;padding:0;border-radius:0;color:inherit;font-size:inherit;white-space:normal}
.idea-screen-menu .idea-screen-nav-list>li.idea-screen-nav-link{display:flex}
.idea-screen-menu .idea-screen-nav-link{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 5px;border-radius:5px;color:#8fa6af;font-size:6.5px;line-height:1.15;white-space:nowrap}
.idea-screen-menu .idea-screen-nav-link>svg{width:11px;height:11px;flex:none;stroke-width:1.8}
.idea-screen-menu .idea-screen-nav-link>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.idea-screen-menu .idea-screen-nav-link>i{margin-left:auto;color:#718993;font-size:8px;font-style:normal}
.idea-screen-menu .idea-screen-nav-active>.idea-screen-nav-link{background:#18232a;color:#f3f7f8}
.idea-screen-menu .idea-screen-nav-active{position:relative}
.idea-screen-menu .idea-screen-nav-active::before{position:absolute;top:3px;bottom:3px;left:-7px;width:2px;border-radius:0 3px 3px 0;background:#29b4ae;content:""}
.idea-screen-menu .idea-screen-submenu{display:grid;gap:1px;margin:0 0 2px;padding:0 0 0 22px;list-style:none}
.idea-screen-menu .idea-screen-submenu li{display:block;min-width:0;overflow:hidden;padding:2px 4px;border-radius:3px;color:#849ba4;font-size:5.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.idea-screen-menu .idea-screen-submenu li:first-child{color:#b7c7cc}
.idea-screen-menu .idea-screen-my-area{margin-top:auto}
.idea-screen-menu-footer{display:flex;gap:4px;justify-content:center;margin-top:5px;padding-top:5px;border-top:1px solid rgba(226,243,246,.13);color:#8198a1;font-size:5.5px}
.idea-screen-menu-footer span:first-child{color:#eef5f6}
.idea-screen-main{padding:1px 1px 1px 0}
.idea-screen-toolbar{min-height:16px;color:#718894;font-size:7px;letter-spacing:.1em}
.idea-screen-toolbar b{padding:0 5px;color:#179889}
.idea-screen-saved{gap:5px;font-size:7px}
.idea-screen-saved i{width:6px;height:6px}
.idea-screen-title{display:flex;align-items:center;justify-content:space-between;flex:none;margin:8px 0 10px}
.idea-screen-title>div>span{color:#789097;font-size:6px;font-weight:700;letter-spacing:.13em}
.idea-screen-title h2{margin-top:2px;color:#193d4d;font:600 15px/1.15 Sora,Inter,sans-serif;letter-spacing:-.04em}
.idea-screen-avatar{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dce7e8;border-radius:50%;background:#fff;color:#168d7a;font-size:9px;font-weight:700}
.idea-screen-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-top:0}
.idea-screen-panel{padding:9px 10px;border:1px solid #e0e8e8;border-top:2px solid #71b79a;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(18,48,59,.035)}
.idea-screen-panel-head{align-items:center;gap:7px}
.idea-screen-panel h3{margin-top:4px;font-size:10px;line-height:1.25}
.idea-screen-label{font-size:6px;letter-spacing:.11em}
.idea-screen-statistics{border-top-color:#198e78}
.idea-screen-metrics{display:none}
.idea-screen-chart{flex:1;width:100%;min-height:38px;margin-top:1px;overflow:hidden}
.idea-screen-chart text{fill:#88999e;font:6px Inter,Arial,sans-serif;letter-spacing:.06em}
.idea-screen-development{border-top-color:#299d9e}
.idea-screen-development h3{font-size:10px}
.idea-screen-summary{margin:8px 0 0;color:#657b83;font-size:6.5px;line-height:1.45}
.idea-screen-footer{gap:5px;padding-top:6px;color:#617a7d;font-size:6px;white-space:nowrap}
.idea-screen-footer>span{overflow:hidden;padding:3px 5px;text-overflow:ellipsis;background:#edf6f1}
.idea-screen-footer b{flex:none;color:#23876e;font-size:6px}
.idea-screen-funding{border-top-color:#8273bd}
.idea-screen-funding .idea-screen-panel-head{min-height:34px}
.idea-screen-funding ul{gap:0;margin-top:6px}
.idea-screen-funding li{gap:6px;padding:6px 0;border-top:1px solid #edf0f2;color:#435f6b;font-size:6.5px;line-height:1.15}
.idea-screen-funding li>span{display:flex;align-items:center;gap:6px;min-width:0}
.idea-screen-funding li b{color:#9a8ec7;font-size:5px;font-weight:700}
.idea-screen-funding li i{flex:none;color:#8273bd;font-size:9px;font-style:normal}
.idea-screen-ai{border-top-color:#c59346;background:linear-gradient(145deg,#fff,#fffcf5)}
.idea-screen-ai .idea-screen-label{color:#9d7941}
.idea-screen-ai .idea-screen-label svg{width:9px;height:9px;color:#b58438}
.idea-screen-ai h3{font-size:10px}
.idea-screen-ai-preview{display:flex;min-height:0;flex:1;gap:7px;margin-top:8px;overflow:hidden}
.idea-screen-ai-preview>div{display:flex;width:100%;min-width:0;flex:1;flex-direction:column;gap:4px;padding:4px 5px;border:1px solid #ede8dc;border-radius:5px;background:#fff}
.idea-screen-ai-preview>div>span{color:#a1875b;font-size:5px;font-weight:700;letter-spacing:.1em}
.idea-screen-ai-preview>div>b{overflow:hidden;color:#425b64;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
.idea-screen-ai-preview>div>i{display:block;width:100%;height:3px;border-radius:3px;background:#e8edef}
.idea-screen-ai-preview>div>i:nth-last-child(2){width:80%}
.idea-screen-ai-preview>div>i:last-child{width:57%}
.idea-screen-data{display:flex;align-items:center;gap:5px;margin-top:6px;padding-top:0;color:#667b7e;font-size:6px;white-space:normal}
.idea-screen-data>span{display:grid;place-items:center;width:14px;height:14px;border-radius:4px;background:#eff7ef;color:#4d9c72}
.idea-screen-data svg{width:9px;height:9px;stroke-width:2}
.privacy-badge{top:auto;right:-24px;bottom:-48px;transform:rotate(-2.5deg)}
@media(max-width:780px){
  .hero-product{top:-26px;width:100%;min-height:570px}
  .product-window{top:0;right:0;width:100%;transform:none}
  .idea-screen{aspect-ratio:1.3;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:10px}
  .idea-screen-menu{padding:10px 7px}
  .product-window .idea-screen-menu-logo{width:82px}
  .idea-screen-menu .idea-screen-nav-list>li{padding:0}
  .idea-screen-menu .idea-screen-nav-link{gap:6px;padding:4px 5px;font-size:6.2px}
  .idea-screen-menu .idea-screen-nav-link>svg{width:10px;height:10px}
  .idea-screen-menu .idea-screen-submenu{padding-left:21px}
  .idea-screen-menu .idea-screen-submenu li{padding:2px 3px;font-size:5.4px}
  .idea-screen-title{margin:7px 0 8px}
  .idea-screen-title h2{font-size:13px}
  .idea-screen-grid{gap:7px}
  .idea-screen-panel{padding:7px}
  .idea-screen-panel h3{font-size:9px}
  .idea-screen-label{font-size:5.5px}
  .idea-screen-funding li{font-size:6px}
  .privacy-badge{right:0;bottom:-44px;width:min(280px,86vw);transform:rotate(-2deg)}
}
@media(max-width:430px){
  .hero-product{min-height:440px}
  .window-bar{height:32px}
  .idea-screen{aspect-ratio:1.04;grid-template-columns:96px minmax(0,1fr);gap:6px;padding:7px}
  .idea-screen-menu{padding:7px 4px 5px}
  .product-window .idea-screen-menu-logo{width:64px;margin-bottom:6px}
  .idea-screen-menu nav{padding-top:5px}
  .idea-screen-menu .idea-screen-nav-list{gap:2px}
  .idea-screen-menu .idea-screen-nav-list>li{padding:0}
  .idea-screen-menu .idea-screen-nav-link{gap:4px;padding:3px 3px;font-size:5.3px}
  .idea-screen-menu .idea-screen-nav-link>svg{width:9px;height:9px}
  .idea-screen-menu .idea-screen-nav-link>span{display:block}
  .idea-screen-menu .idea-screen-nav-link>i{font-size:6px}
  .idea-screen-menu .idea-screen-submenu{gap:0;margin-bottom:1px;padding-left:16px}
  .idea-screen-menu .idea-screen-submenu li{padding:1.5px 2px;font-size:4.6px}
  .idea-screen-menu-footer{gap:3px;margin-top:4px;padding-top:4px;font-size:4.7px}
  .idea-screen-toolbar{font-size:5.5px}
  .idea-screen-saved{font-size:5.5px}
  .idea-screen-title{margin:5px 0 6px}
  .idea-screen-title>div>span{font-size:5px}
  .idea-screen-title h2{font-size:11px}
  .idea-screen-avatar{width:19px;height:19px;font-size:7px}
  .idea-screen-grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:5px}
  .idea-screen-statistics,.idea-screen-development,.idea-screen-funding,.idea-screen-ai{grid-column:auto}
  .idea-screen-panel{padding:5px}
  .idea-screen-panel h3{font-size:7.5px}
  .idea-screen-label{font-size:4.7px}
  .idea-screen-chart text{font-size:5px}
  .idea-screen-footer{font-size:4.8px}
  .idea-screen-footer b{font-size:4.8px}
  .idea-screen-funding li{gap:3px;padding:4px 0;font-size:4.8px}
  .idea-screen-funding li>span{gap:3px}
  .idea-screen-ai-preview{gap:4px;margin-top:5px}
  .idea-screen-ai-preview>div{gap:3px;padding:3px}
  .idea-screen-ai-preview>div>b{font-size:4.8px}
  .idea-screen-data{gap:3px;font-size:4.8px}
  .privacy-badge{right:-2px;bottom:-38px;width:min(270px,88vw)}
}

/* Hero platform view: updated TwinstOS dashboard preview. */
.hero-product{top:-56px;min-height:412px}
.hero-product::before,.hero-product::after{position:absolute;z-index:1;border:1px solid rgba(190,238,243,.18);content:"";pointer-events:none}
.hero-product::before{top:-49px;right:15px;width:min(516px,calc(100% - 8px));height:302px;border-radius:25px;background:linear-gradient(135deg,rgba(219,244,247,.12),rgba(106,202,216,.025));box-shadow:0 15px 38px rgba(1,26,35,.06),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(-.8deg)}
.hero-product::after{top:-22px;right:-10px;width:min(548px,calc(100% + 20px));height:328px;border-radius:25px;background:linear-gradient(135deg,rgba(210,240,244,.1),rgba(106,202,216,.025));box-shadow:0 16px 40px rgba(1,26,35,.07),inset 0 1px 0 rgba(255,255,255,.13);transform:rotate(1.6deg)}
.hero-product .product-window{top:18px;right:0;width:min(530px,100%);aspect-ratio:1586 / 992;border-color:rgba(177,228,238,.32);border-radius:13px;background:#123039 url("assets/img/screens/dashboard-hero.webp") center / 100% 100% no-repeat;box-shadow:0 24px 54px rgba(0,15,26,.28);transform:rotate(-2.5deg)}
.hero-product .product-window>.window-bar,.hero-product .product-window>.idea-screen{display:none}
.hero-product .product-orbit{z-index:0;display:block}
@media(max-width:780px){.hero-product{top:-26px;min-height:255px;width:91%;margin:auto}.hero-product::before{top:-31px;right:8px;width:calc(100% - 9px);height:calc(100% - 52px);border-radius:20px;transform:rotate(-.8deg)}.hero-product::after{top:-14px;right:-7px;width:calc(100% + 14px);height:calc(100% - 35px);border-radius:20px;transform:rotate(1.5deg)}.hero-product .product-window{top:0;width:100%;transform:rotate(-2deg)}}

/* Hero product refinement: let the real platform preview lead, with restrained depth. */
.hero-product{--hero-screen-size:min(555px,calc(100% + 25px));isolation:isolate;top:-18px;min-height:500px}
.hero-product .product-orbit{display:none}
.hero-product::before,.hero-product::after{width:var(--hero-screen-size);height:auto;aspect-ratio:3 / 2;border-radius:18px}
.hero-product::before{z-index:1;top:-18px;right:34px;border-color:rgba(188,235,241,.16);background:linear-gradient(135deg,rgba(221,246,248,.13),rgba(63,172,188,.025));box-shadow:0 18px 45px rgba(1,26,35,.08),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(-2.2deg)}
.hero-product::after{z-index:2;top:4px;right:17px;border-color:rgba(188,235,241,.2);background:linear-gradient(135deg,rgba(218,244,247,.13),rgba(78,185,201,.03));box-shadow:0 18px 44px rgba(1,26,35,.08),inset 0 1px 0 rgba(255,255,255,.13);transform:rotate(-1.1deg)}
.hero-product .product-window{z-index:3;top:27px;right:0;width:var(--hero-screen-size);aspect-ratio:1586 / 992;border:1px solid rgba(208,242,246,.5);border-radius:15px;background-size:cover;background-position:left top;box-shadow:0 30px 66px rgba(0,15,26,.34),0 1px 0 rgba(255,255,255,.16) inset;transform:rotate(0);transform-origin:center}
.privacy-badge{z-index:5;top:44px;right:14px;bottom:auto;width:min(250px,48%);gap:13px;padding:15px 16px;border-color:rgba(181,237,196,.38);border-radius:30px;background:linear-gradient(135deg,rgba(19,86,62,.96),rgba(35,128,82,.93));box-shadow:0 20px 42px rgba(6,45,28,.34),inset 0 1px 0 rgba(255,255,255,.17);transform:none}
.privacy-badge-icon{width:47px;height:47px;border-color:rgba(191,241,204,.38);border-radius:14px;background:linear-gradient(145deg,rgba(158,232,175,.26),rgba(69,167,107,.3));color:#caffd5}
.privacy-badge-icon svg{width:25px;height:25px}
.privacy-badge-copy{gap:2px}
.privacy-badge-copy small{color:#bff3ca;font-size:.56rem}
.privacy-badge-copy strong{font-size:1.02rem}
.privacy-badge-copy>span{color:#d8efe0;font-size:.64rem}
.privacy-badge-link{margin-top:6px;border-color:rgba(210,245,218,.72);color:#f3fff5;font-size:.68rem}
.privacy-badge-link:hover{border-color:#bff3ca;color:#bff3ca}
.privacy-badge-link span{color:#bff3ca}
/* The shield sits inside the upper-right corner without competing with the copy. */
.privacy-badge{display:block}
.privacy-badge-copy{padding-right:44px}
.privacy-badge-icon{position:absolute;z-index:1;top:14px;right:16px;width:38px;height:38px;box-shadow:0 7px 16px rgba(0,22,35,.18)}
.privacy-badge-icon svg{width:20px;height:20px}
@media(max-width:780px){.privacy-badge-copy{padding-right:43px}.privacy-badge-icon{top:12px;right:14px;width:34px;height:34px}.privacy-badge-icon svg{width:18px;height:18px}}
@media(max-width:430px){.privacy-badge-copy{padding-right:40px}.privacy-badge-icon{top:10px;right:12px;width:32px;height:32px}.privacy-badge-icon svg{width:17px;height:17px}}
@media(max-width:1050px){.hero-product{--hero-screen-size:100%;top:-8px;min-height:475px}.privacy-badge{top:40px;right:12px;width:min(244px,51%)}}
@media(max-width:780px){.hero-product{--hero-screen-size:100%;top:-8px;min-height:clamp(365px,calc((100vw - 36px)*.61 + 135px),500px);width:91%;margin:auto}.hero-product::before{top:-18px;right:28px;border-radius:16px}.hero-product::after{top:-2px;right:14px;border-radius:16px}.hero-product .product-window{top:16px;width:100%;border-radius:12px}.privacy-badge{top:31px;right:10px;bottom:auto;width:min(230px,70%);gap:11px;padding:12px 14px;border-radius:25px;transform:none}.privacy-badge-copy strong{font-size:.93rem}}
@media(max-width:430px){.hero-product{min-height:350px;width:95%}.hero-product::before{top:-12px;right:20px}.hero-product::after{top:0;right:10px}.hero-product .product-window{top:12px}.privacy-badge{top:25px;right:8px;bottom:auto;width:min(214px,72%);padding:10px 12px;border-radius:22px}.privacy-badge-icon{width:32px;height:32px}.privacy-badge-copy>span{font-size:.58rem}.privacy-badge-link{font-size:.62rem}}

/* Platform: one product-led view replaces the competing benefit-card grid. */
.platform{background:linear-gradient(118deg,#f1f7f8 0%,#fff 48%,#eef7f6 100%)}
.platform::before{width:100%;background:radial-gradient(circle at 78% 30%,rgba(0,188,222,.13),transparent 28%),radial-gradient(circle at 18% 82%,rgba(84,157,137,.12),transparent 32%);pointer-events:none}
.platform-showcase{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8%;align-items:center}
.platform-showcase-copy{max-width:500px}
.platform-showcase-copy h2{max-width:490px}
.platform-showcase-lead{margin-top:25px;color:#526c7a;font-size:1rem;line-height:1.75}
.platform-showcase-points{display:grid;gap:0;margin:32px 0 0;padding:0;list-style:none;border-top:1px solid #cbdde3}
.platform-showcase-points li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid #cbdde3}
.platform-showcase-points>li>span{padding-top:3px;color:#087c91;font:700 .7rem/1 Sora,Inter,sans-serif;letter-spacing:.06em}
.platform-showcase-points h3{color:#173746;font-size:1rem;letter-spacing:-.025em}
.platform-showcase-points p{margin-top:4px;color:#5b737e;font-size:.83rem;line-height:1.55}
.platform-showcase-link{margin-top:27px;color:#087c91}
.platform-showcase-visual{position:relative;z-index:1;isolation:isolate;min-width:0;margin:0;padding:24px 0 24px 24px}
.platform-showcase-visual::before,.platform-showcase-visual::after{position:absolute;content:"";pointer-events:none}
.platform-showcase-visual::before{z-index:-1;inset:8px 34px 54px 0;border:1px solid rgba(143,219,230,.34);border-radius:24px;background:linear-gradient(135deg,rgba(184,229,236,.5),rgba(213,235,241,.27));box-shadow:0 16px 38px rgba(13,44,67,.08);transform:rotate(-2.5deg)}
.platform-showcase-visual::after{z-index:-2;inset:-12px 12px 72px 22px;border:1px solid rgba(163,215,230,.27);border-radius:24px;background:linear-gradient(135deg,rgba(206,239,243,.34),rgba(131,202,216,.09));box-shadow:0 14px 32px rgba(13,44,67,.06);transform:rotate(1.5deg)}
.platform-showcase-frame{overflow:hidden;border:1px solid rgba(16,75,93,.24);border-radius:18px;background:#fff;box-shadow:0 24px 54px rgba(13,44,67,.19)}
.platform-showcase-frame img{width:100%;height:auto;aspect-ratio:1586 / 992;object-fit:cover;display:block}
.platform-showcase-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 10px 0;color:#53717c}
.platform-showcase-visual figcaption span{color:#087c91;font-size:.65rem;font-weight:700;letter-spacing:.11em}
.platform-showcase-visual figcaption strong{color:#254b5a;font:600 .86rem Sora,Inter,sans-serif;letter-spacing:-.02em}
@media(max-width:780px){.platform{background:linear-gradient(150deg,#f3f8f9,#fff 54%,#eef7f5)}.platform-showcase{grid-template-columns:1fr;gap:40px}.platform-showcase-copy{max-width:none}.platform-showcase-lead{font-size:.96rem}.platform-showcase-points{margin-top:27px}.platform-showcase-visual{padding:18px 0 18px 18px}.platform-showcase-visual::before{inset:5px 22px 43px 0;border-radius:19px}.platform-showcase-visual::after{inset:-8px 9px 58px 16px;border-radius:19px}.platform-showcase-frame{border-radius:14px}.platform-showcase-visual figcaption{align-items:flex-start;flex-direction:column;gap:3px;margin-left:4px}}

/* The workflow screen shares the same quiet two-layer frame as the other platform previews. */
.workflow-media{isolation:isolate;padding:24px 0 24px 24px}
.workflow-media::before{position:absolute;z-index:-2;inset:-12px 12px 72px 22px;border:1px solid rgba(163,215,230,.27);border-radius:24px;background:linear-gradient(135deg,rgba(206,239,243,.34),rgba(131,202,216,.09));box-shadow:0 14px 32px rgba(13,44,67,.06);content:"";pointer-events:none;transform:rotate(1.5deg)}
.workflow-backdrop{z-index:-1;inset:8px 34px 54px 0;border:1px solid rgba(143,219,230,.34);border-radius:24px;background:linear-gradient(135deg,rgba(184,229,236,.5),rgba(213,235,241,.27));box-shadow:0 16px 38px rgba(13,44,67,.08);transform:rotate(-2.5deg)}
@media(max-width:780px){.workflow-media{padding:18px 0 18px 18px}.workflow-media::before{inset:-8px 9px 58px 16px;border-radius:19px}.workflow-backdrop{inset:5px 22px 43px 0;border-radius:19px}}

/* Hero title: rotating ticker with an adaptive word box. */
.hero-title-word{position:relative;display:inline-block;overflow:hidden;color:#00bcde;font-style:normal;vertical-align:-.08em;transition:width .42s cubic-bezier(.65,0,.35,1),height .42s cubic-bezier(.65,0,.35,1)}
.hero-title-word [data-word]{position:absolute;top:0;left:0;display:block;white-space:nowrap;opacity:0;transform:translateY(105%);will-change:transform,opacity}
.hero-title-word [data-word].is-active{position:relative;opacity:1;transform:translateY(0)}
.hero-title-word.is-changing [data-word].is-active{position:absolute;animation:hero-word-out .42s cubic-bezier(.65,0,.35,1) forwards}
.hero-title-word.is-changing [data-word].is-next{position:relative;animation:hero-word-in .42s cubic-bezier(.65,0,.35,1) forwards}
@keyframes hero-word-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-105%)}}
@keyframes hero-word-in{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-title-word.is-changing [data-word]{animation-duration:.42s!important}}

/* The header shares the hero surface until navigation needs its own contrast. */
.site-header{background:transparent;border-color:transparent;backdrop-filter:none;transition:background .7s ease,border-color .7s ease,backdrop-filter .7s ease}
.site-header.is-scrolled{background:rgba(12,62,93,.92);border-color:rgba(214,250,255,.28);backdrop-filter:blur(14px)}
@media(max-width:780px){.site-header{background:transparent;backdrop-filter:none}.site-header.is-scrolled{background:rgba(12,62,93,.92);backdrop-filter:blur(14px)}}

/* Deployment modes receive restrained colour anchors; all four cards use the
   same icon family for a coherent visual language. */
.security-card-icon{display:block;width:36px;height:36px;margin-bottom:23px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(44%) saturate(773%) hue-rotate(142deg) brightness(94%) contrast(96%)}
.security-card-cloud{border-color:rgba(116,221,165,.58)!important;background:linear-gradient(145deg,rgba(31,137,100,.42),rgba(18,86,78,.34))!important}
.security-card-cloud .security-card-icon{filter:brightness(0) saturate(100%) invert(82%) sepia(31%) saturate(705%) hue-rotate(93deg) brightness(101%) contrast(85%)}
.security-card-self-hosted{border-color:rgba(174,160,243,.58)!important;background:linear-gradient(145deg,rgba(101,82,187,.42),rgba(45,78,142,.34))!important}
.security-card-self-hosted .security-card-icon{filter:brightness(0) saturate(100%) invert(77%) sepia(27%) saturate(1157%) hue-rotate(209deg) brightness(105%) contrast(101%)}

/* The consultation CTA joins the header only after the hero has passed. */
.header-cta{max-width:0;min-width:0;padding-inline:0;border-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateX(42px);white-space:nowrap;box-shadow:none;transition:max-width .58s cubic-bezier(.22,.61,.36,1),padding .58s cubic-bezier(.22,.61,.36,1),border-width .58s ease,opacity .28s ease,transform .58s cubic-bezier(.22,.61,.36,1),box-shadow .58s ease}
.site-header.is-past-hero .header-cta{max-width:240px;padding-inline:16px;border-width:1px;opacity:1;pointer-events:auto;transform:translateX(0);box-shadow:0 8px 20px rgba(7,183,212,.18)}

/* Anchor the privacy badge to the lower edge of the hero screen. */
.privacy-badge{top:auto;bottom:52px}
@media(max-width:1050px){.privacy-badge{top:auto;bottom:46px}}
@media(max-width:780px){.privacy-badge{top:auto;bottom:40px}}
@media(max-width:430px){.privacy-badge{top:auto;bottom:32px}}

.security-copy .security-emphasis{display:flex;align-items:center;gap:10px}
.security-emphasis-icon{flex:none;width:22px;height:22px;color:currentColor;stroke:currentColor;fill:none}

.privacy-badge-link{padding:0;border-bottom:0}
.privacy-badge-link:hover{border-color:transparent}
.privacy-badge-link-text{border-bottom:1px solid currentColor}
.privacy-badge-link span[aria-hidden]{display:inline-block;animation:privacy-badge-arrow-down 1.45s ease-in-out infinite}
@keyframes privacy-badge-arrow-down{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.privacy-badge-link span[aria-hidden]{animation:none}}

.privacy-badge{width:min(330px,60%)}
.privacy-badge-copy strong{white-space:nowrap}
.privacy-badge-link{justify-self:center;font-size:1rem}
.privacy-badge-icon svg{animation:none}
@media(max-width:1050px){.privacy-badge{width:min(320px,62%)}}
@media(max-width:780px){.privacy-badge{width:min(300px,78%)}}
@media(max-width:430px){.privacy-badge{width:min(285px,88vw)}}

/* Datenschutz-Badge: concise document-style hierarchy. */
.privacy-badge{right:14px;bottom:44px;width:min(315px,62%);padding:17px 20px 16px;border:2px solid #68c7c7;border-radius:23px;background:#0d414a;box-shadow:0 14px 30px rgba(3,27,40,.3),inset 0 1px 0 rgba(218,255,250,.08)}
.privacy-badge-copy{gap:7px;padding-right:52px}
.privacy-badge-copy small{display:flex;align-items:center;gap:8px;color:#8de0d9;font-size:.52rem;letter-spacing:.12em}
.privacy-badge-copy small::before{width:9px;height:9px;border-radius:50%;background:#05c3df;content:""}
.privacy-badge-copy strong{color:#f7fbfa;font-size:clamp(.95rem,1.7vw,1.15rem);line-height:1.06;white-space:nowrap}
.privacy-badge-copy>span{margin-top:0;color:#c5dddd;font-size:.64rem;line-height:1.38}
.privacy-badge-icon{top:17px;right:20px;width:42px;height:42px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8de0d9}
.privacy-badge-icon svg{width:38px;height:38px;stroke-width:1.7}
.privacy-badge-link{display:flex;align-items:center;justify-self:stretch;gap:9px;width:100%;margin-top:10px;padding:10px 0 0;border-top:1px solid rgba(141,224,217,.48);border-bottom:0;color:#f7fbfa;font-size:.68rem;font-weight:700;line-height:1.2}
.privacy-badge-link:hover{border-color:rgba(141,224,217,.8);color:#fff}
.privacy-badge-link-text{border-bottom:0}
.privacy-badge-link span[aria-hidden]{color:#8de0d9;font-size:1.15rem}
@media(max-width:780px){.privacy-badge{right:10px;bottom:36px;width:min(300px,76%);padding:16px 18px 15px;border-radius:21px}.privacy-badge-copy{gap:7px;padding-right:49px}.privacy-badge-copy>span{font-size:.61rem}.privacy-badge-icon{top:16px;right:18px;width:39px;height:39px}.privacy-badge-icon svg{width:35px;height:35px}.privacy-badge-link{margin-top:9px;padding-top:9px;font-size:.65rem}}
@media(max-width:430px){.privacy-badge{right:8px;bottom:28px;width:min(270px,84vw);padding:14px 16px 13px;border-radius:19px}.privacy-badge-copy{padding-right:45px}.privacy-badge-copy small{gap:7px;font-size:.48rem}.privacy-badge-copy small::before{width:6px;height:6px}.privacy-badge-copy>span{font-size:.58rem}.privacy-badge-icon{top:14px;right:15px;width:35px;height:35px}.privacy-badge-icon svg{width:31px;height:31px}.privacy-badge-link{font-size:.61rem}}

/* Privacy badge aligned to the hero reference: generous, calm and visibly layered over the screen. */
.privacy-badge{right:2px;bottom:-6px;width:min(510px,72%);padding:29px 36px 26px;border:2px solid #62e6ba;border-radius:35px;background:radial-gradient(circle at 88% 82%,rgba(29,138,108,.3),transparent 42%),linear-gradient(135deg,rgba(10,66,69,.97),rgba(12,62,72,.95));box-shadow:0 20px 44px rgba(2,29,41,.38),0 0 24px rgba(89,229,183,.18),inset 0 1px 0 rgba(224,255,245,.16)}
.privacy-badge-copy{gap:8px;padding-right:72px}
.privacy-badge-copy small{font-size:.66rem;letter-spacing:.11em}
.privacy-badge-copy strong{font-size:clamp(1.25rem,2.1vw,1.6rem);line-height:1.08}
.privacy-badge-copy>span{max-width:310px;font-size:.78rem;line-height:1.43}
.privacy-badge-icon{top:31px;right:35px;width:52px;height:52px;color:#a7f5da}
.privacy-badge-icon svg{width:48px;height:48px;stroke-width:1.65}
.privacy-badge-link{margin-top:18px;padding-top:15px;border-top-color:rgba(156,245,220,.54);font-size:.72rem}
.privacy-badge-link span[aria-hidden]{font-size:1.05rem}
@media(max-width:780px){.privacy-badge{right:5px;bottom:-2px;width:min(390px,80%);padding:23px 27px 21px;border-radius:29px}.privacy-badge-copy{padding-right:58px}.privacy-badge-copy small{font-size:.58rem}.privacy-badge-copy strong{font-size:1.14rem}.privacy-badge-copy>span{font-size:.7rem}.privacy-badge-icon{top:24px;right:27px;width:44px;height:44px}.privacy-badge-icon svg{width:41px;height:41px}.privacy-badge-link{margin-top:14px;padding-top:12px;font-size:.66rem}}
@media(max-width:430px){.privacy-badge{right:4px;bottom:0;width:min(315px,88vw);padding:18px 20px 17px;border-radius:24px}.privacy-badge-copy{padding-right:48px}.privacy-badge-copy small{font-size:.5rem}.privacy-badge-copy strong{font-size:.96rem}.privacy-badge-copy>span{font-size:.62rem}.privacy-badge-icon{top:19px;right:20px;width:36px;height:36px}.privacy-badge-icon svg{width:34px;height:34px}.privacy-badge-link{margin-top:11px;padding-top:10px;font-size:.6rem}}

/* Benefit strip: icons replace numeric markers and make the headings easier to scan. */
.privacy-points .outcome-marker{display:block;margin:0 0 12px}
.privacy-points .outcome-marker svg{display:block;width:29px;height:29px;color:#087c91;stroke-width:1.8}
.privacy-points>div:nth-child(3) .outcome-marker svg{color:#7465c8}
.privacy-points>div:nth-child(4) .outcome-marker svg{color:#16846d}
.privacy-points strong{margin-bottom:6px;font-size:.98rem;line-height:1.25}
.privacy-points p{font-size:.78rem;line-height:1.45}
@media(max-width:780px){.privacy-points .outcome-marker{margin-bottom:9px}.privacy-points .outcome-marker svg{width:26px;height:26px}.privacy-points strong{font-size:.91rem}.privacy-points p{font-size:.75rem}}

/* Privacy badge proportions and hierarchy match the approved hero reference. */
.privacy-badge{right:2px;bottom:-10px;width:min(540px,72%);min-height:268px;padding:31px 36px 27px;border:2px solid #62e6ba;border-radius:35px;background:radial-gradient(circle at 86% 78%,rgba(31,150,112,.27),transparent 45%),linear-gradient(135deg,rgba(10,67,70,.9),rgba(11,58,68,.88));backdrop-filter:blur(5px);box-shadow:0 20px 44px rgba(2,29,41,.38),0 0 25px rgba(89,229,183,.2),inset 0 1px 0 rgba(224,255,245,.17)}
.privacy-badge-copy{gap:9px;padding-right:76px}
.privacy-badge-copy small{font-size:.7rem;letter-spacing:.11em}
.privacy-badge-copy strong{font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.08}
.privacy-badge-copy>span{max-width:330px;font-size:.9rem;line-height:1.4}
.privacy-badge-icon{top:33px;right:36px;width:53px;height:53px;color:#abf6dc}
.privacy-badge-icon svg{width:49px;height:49px;stroke-width:1.65}
.privacy-badge-link{margin-top:18px;padding-top:15px;border-top-color:rgba(156,245,220,.54);font-size:1.16rem;line-height:1.18}
.privacy-badge-link span[aria-hidden]{font-size:1.65rem}
@media(max-width:780px){.privacy-badge{right:5px;bottom:-2px;width:min(400px,80%);min-height:0;padding:23px 27px 21px;border-radius:29px}.privacy-badge-copy{padding-right:59px}.privacy-badge-copy small{font-size:.59rem}.privacy-badge-copy strong{font-size:1.17rem}.privacy-badge-copy>span{font-size:.72rem}.privacy-badge-icon{top:25px;right:27px;width:45px;height:45px}.privacy-badge-icon svg{width:42px;height:42px}.privacy-badge-link{margin-top:14px;padding-top:12px;font-size:.91rem}.privacy-badge-link span[aria-hidden]{font-size:1.3rem}}
@media(max-width:430px){.privacy-badge{right:4px;bottom:0;width:min(315px,88vw);padding:18px 20px 17px;border-radius:24px}.privacy-badge-copy{padding-right:48px}.privacy-badge-copy small{font-size:.5rem}.privacy-badge-copy strong{font-size:.96rem}.privacy-badge-copy>span{font-size:.62rem}.privacy-badge-icon{top:19px;right:20px;width:36px;height:36px}.privacy-badge-icon svg{width:34px;height:34px}.privacy-badge-link{margin-top:11px;padding-top:10px;font-size:.74rem}.privacy-badge-link span[aria-hidden]{font-size:1.1rem}}

/* The compact benefit strip uses selected Icons DB assets and a centred reading rhythm. */
.privacy-points>div,.privacy-points>div:last-child{text-align:center}
.privacy-points .outcome-marker{display:flex;align-items:center;justify-content:center}
.privacy-points .outcome-marker img{width:31px;height:31px;object-fit:contain;filter:invert(38%) sepia(39%) saturate(1513%) hue-rotate(146deg) brightness(85%) contrast(93%)}
@media(max-width:780px){.privacy-points .outcome-marker img{width:27px;height:27px}}

/* Hero benefit strip: four equal, centred information units. */
.outcome-band{padding:78px 0 72px;background:linear-gradient(110deg,#fbfdfd,#fff 48%,#f9fcfd);border-bottom:0}
.privacy-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.privacy-points>div,.privacy-points>div:last-child{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:228px;padding:5px 40px 0;border:0;border-left:1px solid #cddced;background:transparent!important;box-shadow:none;text-align:center}
.privacy-points>div:first-child{border-left:0}
.privacy-points .outcome-marker{display:grid;place-items:center;flex:none;width:82px;height:82px;margin:0 0 17px;border-radius:50%;background:#edf8f9}
.privacy-points .outcome-marker img{width:39px;height:39px;filter:invert(29%) sepia(34%) saturate(1328%) hue-rotate(151deg) brightness(87%) contrast(98%)}
.privacy-points p{max-width:250px;color:#526d94;font-size:.82rem;line-height:1.46}
.privacy-points strong{margin-bottom:22px;color:#0e3466;font-size:1.22rem;line-height:1.08}
@media(max-width:1050px){.outcome-band{padding:58px 0}.privacy-points>div,.privacy-points>div:last-child{min-height:202px;padding-inline:25px}.privacy-points>div:nth-child(odd){border-left:0}.privacy-points>div:nth-child(n+3){border-top:1px solid #cddced;padding-top:28px}}
@media(max-width:780px){.outcome-band{padding:38px 0}.privacy-points{grid-template-columns:1fr}.privacy-points>div,.privacy-points>div:last-child,.privacy-points>div:nth-child(even){min-height:0;padding:25px 18px;border:0;border-top:1px solid #cddced}.privacy-points>div:first-child{border-top:0}.privacy-points .outcome-marker{width:68px;height:68px;margin-bottom:14px}.privacy-points .outcome-marker img{width:33px;height:33px}.privacy-points strong{margin-bottom:10px;font-size:1.08rem}.privacy-points p{font-size:.8rem}}

/* Compact privacy marker for the lower-right corner of the hero. */
.hero-sensitive-badge{position:absolute;z-index:5;right:0;bottom:-28px;display:flex;align-items:center;gap:20px;width:min(470px,88%);min-height:120px;padding:20px 28px;border:2px solid rgba(111,203,236,.52);border-radius:21px;background:linear-gradient(118deg,rgba(15,72,104,.88),rgba(26,87,124,.78));box-shadow:0 15px 32px rgba(1,28,48,.3),inset 0 1px 0 rgba(215,247,255,.15);backdrop-filter:blur(5px);color:#eaf8fc}
.hero-sensitive-badge>img{flex:none;width:82px;height:82px;object-fit:contain;filter:invert(73%) sepia(61%) saturate(458%) hue-rotate(143deg) brightness(94%) contrast(96%)}
.hero-sensitive-badge>span{display:grid;gap:7px;padding-left:26px;border-left:2px solid rgba(213,241,248,.62)}
.hero-sensitive-badge strong{color:#f4fbfd;font:700 .86rem/1.38 Sora,Inter,sans-serif;letter-spacing:.08em}
.hero-sensitive-badge small{color:#b9d1df;font-size:.94rem;line-height:1.2}
@media(max-width:780px){.hero-sensitive-badge{right:0;bottom:8px;gap:14px;width:min(390px,90%);min-height:96px;padding:16px 20px;border-radius:17px}.hero-sensitive-badge>img{width:61px;height:61px}.hero-sensitive-badge>span{gap:5px;padding-left:17px}.hero-sensitive-badge strong{font-size:.67rem}.hero-sensitive-badge small{font-size:.75rem}}
@media(max-width:430px){.hero-sensitive-badge{width:min(315px,92%);min-height:76px;padding:12px 15px}.hero-sensitive-badge>img{width:48px;height:48px}.hero-sensitive-badge>span{padding-left:12px}.hero-sensitive-badge strong{font-size:.54rem}.hero-sensitive-badge small{font-size:.65rem}}

.hero-sensitive-badge{width:min(380px,76%);min-height:96px;gap:16px;padding:16px 22px;border-radius:18px;background:linear-gradient(118deg,rgba(15,72,104,.5),rgba(26,87,124,.5));box-shadow:0 12px 26px rgba(1,28,48,.23),inset 0 1px 0 rgba(215,247,255,.13)}
.hero-sensitive-badge>img{width:65px;height:65px}
.hero-sensitive-badge>span{gap:5px;padding-left:19px}
.hero-sensitive-badge strong{font-size:.69rem}
.hero-sensitive-badge small{font-size:.78rem}
@media(max-width:780px){.hero-sensitive-badge{width:min(320px,82%);min-height:82px;gap:12px;padding:14px 17px}.hero-sensitive-badge>img{width:53px;height:53px}.hero-sensitive-badge>span{padding-left:14px}.hero-sensitive-badge strong{font-size:.59rem}.hero-sensitive-badge small{font-size:.69rem}}
@media(max-width:430px){.hero-sensitive-badge{width:min(270px,86%);min-height:68px;padding:11px 13px}.hero-sensitive-badge>img{width:43px;height:43px}.hero-sensitive-badge>span{padding-left:11px}.hero-sensitive-badge strong{font-size:.49rem}.hero-sensitive-badge small{font-size:.61rem}}

/* Quiet statement transition between the hero and the platform section. */
.statement-band{padding:58px 0 56px;background:linear-gradient(115deg,#f6fafb,#fff 48%,#f4f9fa);color:#173746}
.statement-band-inner{max-width:900px;text-align:center}
.statement-band h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.22;letter-spacing:-.045em}
.statement-band h2 span{color:#087c91}
.statement-band p{margin-top:0;color:#087c91;font:700 .95rem/1.45 Sora,Inter,sans-serif;letter-spacing:.04em}
.statement-closer{display:flex;width:max-content;max-width:100%;flex-wrap:nowrap;align-items:center;justify-content:center;margin-inline:auto;overflow:hidden}
.statement-brand{display:inline-block;opacity:0;transform:translateY(20px)}
.statement-brand img{display:block;width:110px;height:auto}
.statement-separator,.statement-word{display:inline-block;max-width:0;margin-left:0;overflow:hidden;opacity:0;transform:translate(100vw,2px);white-space:nowrap;transition:max-width .62s cubic-bezier(.22,.8,.25,1),margin-left .62s cubic-bezier(.22,.8,.25,1),opacity .3s ease,transform .72s cubic-bezier(.22,.8,.25,1)}
.statement-closer.is-visible .statement-brand{animation:statement-brand-in .52s cubic-bezier(.22,.8,.25,1) .5s forwards}
.statement-closer.is-visible .statement-separator{max-width:1em;margin-left:.38em;opacity:1;transform:translate(0,2px);transition-delay:1.72s}
.statement-closer.is-visible .statement-word{max-width:12em;margin-left:.38em;opacity:1;transform:translate(0,2px)}
.statement-closer.is-visible .statement-word:nth-of-type(3){transition-delay:1.98s}
.statement-closer.is-visible .statement-word:nth-of-type(4){transition-delay:2.9s}
.statement-closer.is-visible .statement-word:nth-of-type(5){transition-delay:3.82s}
@keyframes statement-brand-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.statement-brand{opacity:1;transform:none}.statement-separator,.statement-word{max-width:12em;margin-left:.38em;opacity:1;transform:none;transition:none}.statement-closer.is-visible .statement-brand{animation:none}}
@media(max-width:780px){.statement-band{padding:42px 0 40px}.statement-band p{font-size:.78rem;letter-spacing:.02em}.statement-closer{width:100%;flex-wrap:wrap}.statement-brand img{width:94px}.statement-separator,.statement-word{white-space:normal}.statement-closer.is-visible .statement-word{max-width:14em}}

.statement-band{background:linear-gradient(180deg,#e2edf2 0%,#fff 33%,#fff 67%,#e2edf2 100%)}

/* The workflow label uses the same restrained glass badge language as the hero marker. */
.workflow-label{right:-32px;bottom:24px;gap:17px;max-width:min(360px,74%);min-height:94px;padding:16px 21px;border:2px solid rgba(111,203,236,.52);border-radius:18px;background:linear-gradient(118deg,rgba(15,72,104,.5),rgba(26,87,124,.5));box-shadow:0 12px 26px rgba(1,28,48,.23),inset 0 1px 0 rgba(215,247,255,.13);backdrop-filter:blur(5px);color:#eaf8fc;font:700 .7rem/1.42 Sora,Inter,sans-serif;letter-spacing:.06em}
.workflow-label svg{flex:none;width:54px;height:54px;margin:0;padding-right:16px;border-right:2px solid rgba(213,241,248,.62);color:#00c8e4;stroke-width:1.7}
@media(max-width:780px){.workflow-label{right:-8px;bottom:16px;max-width:75%;min-height:78px;padding:13px 16px;font-size:.59rem}.workflow-label svg{width:43px;height:43px;padding-right:12px}}

/* Workflow screen slider controls and active step state. */
.workflow-media[data-workflow-slider]{cursor:grab;touch-action:pan-y}
.workflow-media[data-workflow-slider]:active{cursor:grabbing}
.workflow-media[data-workflow-slider]>img{transition:opacity .24s ease,transform .24s ease}
.workflow-media[data-workflow-slider]>img.is-switching{opacity:.35;transform:scale(.99)}
.workflow-slider-controls{position:absolute;z-index:3;right:18px;bottom:38px;display:flex;gap:7px}
.workflow-slider-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(13,44,67,.78);color:#f1fbfc;font:600 1rem/1 Inter,sans-serif;cursor:pointer;transition:background .16s,transform .16s}
.workflow-slider-controls button:hover,.workflow-slider-controls button:focus-visible{background:#087c91;transform:translateY(-2px)}
.workflow-copy li{cursor:pointer;transition:opacity .18s}
.workflow-copy li:not(.is-active){opacity:.68}
.workflow-copy li.is-active{opacity:1}
.workflow-copy li.is-active>span{background:#087c91;color:#fff;box-shadow:0 0 0 2px rgba(8,124,145,.15)}
.workflow-copy li.is-active h3{color:#087c91}
.workflow-copy li:focus-visible{outline:2px solid #00bcde;outline-offset:5px;border-radius:5px}
/* The three workflow screens travel as a layered card stack. */
.workflow-layout{grid-template-columns:1fr .94fr;gap:9%}
.workflow-media{width:auto;margin:0}
.workflow-copy{width:auto;margin:0}
.workflow-copy ol{display:block}
.workflow-copy ol::before{display:block}
.workflow-copy li{min-height:0;padding:21px 0;border-left:0;border-right:0}
.workflow-copy li:last-child{border-right:0}
.workflow-slide-stack{position:relative;z-index:1;width:100%;aspect-ratio:1586 / 992}
.workflow-media .workflow-slide{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;border:1px solid #c8d8da;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(22px) scale(.965) rotate(1deg);transition:opacity .52s ease,transform .62s cubic-bezier(.22,.8,.25,1);pointer-events:none}
.workflow-media .workflow-slide.is-active{z-index:3;opacity:1;transform:translateY(0) scale(1) rotate(0);pointer-events:auto}
.workflow-media .workflow-slide.is-entering{z-index:4}
.workflow-media .workflow-slide.is-leaving{z-index:5;opacity:0;transform:translateY(-108%) rotate(-3deg)}
.workflow-media.is-reversing .workflow-slide.is-leaving{transform:translateY(108%) rotate(3deg)}
.workflow-slider-controls{right:24px;bottom:28px;gap:12px}
.workflow-slider-controls button{width:50px;height:50px;border:1px solid rgba(255,255,255,.78);background:rgba(13,44,67,.86);font-size:1.35rem;box-shadow:0 8px 18px rgba(1,28,48,.2)}
@media(max-width:780px){.workflow-layout{grid-template-columns:1fr;gap:34px}.workflow-copy ol{display:block}.workflow-copy li{padding:18px 0}.workflow-slider-controls{right:12px;bottom:22px}.workflow-slider-controls button{width:44px;height:44px;font-size:1.1rem}}

.use-case-grid article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.use-case-grid article{cursor:pointer}
.use-case-grid article:focus-visible{outline:3px solid #00bcde;outline-offset:4px}
.use-case-grid article.is-active{border-color:#27b6c8;box-shadow:0 16px 34px rgba(13,79,103,.14);transform:translateY(-5px)}
.use-case-grid article.is-active{background:linear-gradient(145deg,#d8f4f5,#f1fbfc);border-color:#18aebf;box-shadow:0 18px 38px rgba(8,124,145,.2),0 0 0 1px rgba(24,174,191,.14);}
.use-case-grid article:nth-child(2).is-active{background:linear-gradient(145deg,#ccefee,#effafa);border-color:#239db2;box-shadow:0 18px 38px rgba(35,157,178,.2),0 0 0 1px rgba(35,157,178,.14)}
.use-case-grid article:nth-child(3).is-active{background:linear-gradient(145deg,#e2def9,#f5f3ff);border-color:#7869d0;box-shadow:0 18px 38px rgba(112,98,199,.2),0 0 0 1px rgba(112,98,199,.14)}
.use-case-grid article:nth-child(4).is-active{background:linear-gradient(145deg,#deefdf,#f4faf4);border-color:#4a9d7d;box-shadow:0 18px 38px rgba(55,133,103,.2),0 0 0 1px rgba(74,157,125,.14)}

/* Secondary call to action in the hero. */
.hero-actions .button-secondary{border-color:rgba(126,219,231,.72);background:transparent;color:var(--cyan);box-shadow:none}
.hero-actions .button-secondary:hover,.hero-actions .button-secondary:focus-visible{background:rgba(7,183,212,.14);color:var(--cyan);box-shadow:0 8px 20px rgba(7,183,212,.12)}

.security-cards .security-documentation{grid-column:1/-1;max-width:650px;margin:8px auto 0;color:#d0e0e7;font-size:.84rem;line-height:1.58;text-align:center}
.security-cards .security-contact-link{grid-column:1/-1;justify-self:center;margin-top:0;border-color:rgba(126,219,231,.72);background:transparent;color:var(--cyan);box-shadow:none;font-size:.78rem}
.security-cards .security-contact-link:hover,.security-cards .security-contact-link:focus-visible{background:rgba(7,183,212,.14);color:var(--cyan);box-shadow:0 8px 20px rgba(7,183,212,.12)}
@media(max-width:780px){.security-cards .security-documentation{margin-top:8px}.security-cards .security-contact-link{justify-self:center}}

/* Styled form feedback replaces the browser-native validation popover. */
.form-status{min-height:0;margin:13px 0 0;border:1px solid transparent;border-radius:10px;padding:10px 12px;font-size:.78rem;font-weight:600;line-height:1.45}
.form-status:empty{display:none}
.form-status.is-error{border-color:#efb8b3;background:#fff3f1;color:#a4312c}
.form-status.is-success{border-color:#a9ddc7;background:#effaf5;color:#087f58}
.form-field input.is-invalid,.form-field textarea.is-invalid{border-color:#c94b42;box-shadow:0 0 0 3px rgba(201,75,66,.12)}
.hero-copy .eyebrow{margin-bottom:43px}
@media(max-width:780px){.hero-copy .eyebrow{margin-bottom:31px}}

.security-bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.25fr) auto;align-items:center;gap:28px;margin-top:8px;padding:22px 24px;border:1px solid rgba(103,213,230,.42);border-radius:20px;background:rgba(7,53,76,.42)}
.security-bottom-emphasis{display:flex;align-items:center;gap:18px;min-height:72px;padding-right:26px;border-right:1px solid rgba(103,213,230,.55);color:#f1fbfc}
.security-bottom-emphasis strong{font:600 1.02rem/1.35 Sora,Inter,sans-serif;letter-spacing:-.025em}
.security-bottom-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid rgba(0,191,222,.65);border-radius:50%;color:#52d9e9}
.security-bottom-icon svg{width:29px;height:29px}
.security-bottom .security-documentation{grid-column:auto;max-width:none;margin:0;text-align:left;color:#d0e0e7;font-size:.84rem;line-height:1.58}
.security-bottom .security-contact-link{grid-column:auto;justify-self:end;margin:0;white-space:nowrap;border:1px solid transparent;background:var(--cyan);color:#062027;font-size:.78rem;box-shadow:0 8px 20px rgba(7,183,212,.18)}
.security-bottom .security-contact-link:hover,.security-bottom .security-contact-link:focus-visible{background:#36cee7;color:#062027;box-shadow:0 13px 26px rgba(7,183,212,.29)}
@media(max-width:780px){.security-bottom{grid-template-columns:1fr;gap:18px;padding:20px}.security-bottom-emphasis{min-height:0;padding:0 0 17px;border-right:0;border-bottom:1px solid rgba(103,213,230,.55)}.security-bottom .security-contact-link{justify-self:start}}

.use-case-intro .section-intro h2 + p{margin-top:25px}
@media(max-width:780px){.use-case-intro .section-intro h2 + p{margin-top:20px}}


/* ---------- Cookie-Banner & Footer-Link (Schritt 2, aus v4 portiert, an v6-Design angepasst) ---------- */
.footer-cookie-link{display:block;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.footer-cookie-link:hover,.footer-cookie-link:focus-visible{color:#74e4ee}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:900;padding:16px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.cookie-banner.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.cookie-banner-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;width:min(1160px,100%);margin:0 auto;padding:18px 22px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:var(--navy-2);color:#dce9ec;box-shadow:0 18px 48px rgba(3,14,18,.38)}
.cookie-banner-text{flex:1 1 320px;margin:0;font-size:.84rem;line-height:1.6;color:#c4d6da}
.cookie-banner-text a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cookie-banner-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}
.cookie-banner-actions .button{margin-top:0}
.cookie-banner-actions .button-secondary{border-color:rgba(126,219,231,.72);background:transparent;color:var(--cyan);box-shadow:none}
.cookie-banner-actions .button-secondary:hover,.cookie-banner-actions .button-secondary:focus-visible{background:rgba(7,183,212,.14);color:var(--cyan)}
@media(max-width:780px){.cookie-banner{padding:10px}.cookie-banner-inner{max-height:60vh;overflow-y:auto;padding:16px 18px;gap:12px}.cookie-banner-text{font-size:.8rem}.cookie-banner-actions{width:100%}.cookie-banner-actions .button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.cookie-banner{transition:none}}

/* ---------- Anker-Aliase fuer alte v4-Adressen ---------- */
.anchor-alias{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}
.hero,.platform,.workflow,.use-cases,.pilot,.inner-content{position:relative}

/* ---------- Abschnitt "Kein Umbau. Mehr Zusammenhang." (dunkel, Glyph-Cards wie im Datenschutz-Abschnitt) ---------- */
.coexist{position:relative;overflow:hidden;background:radial-gradient(at 74% 30%,rgba(16,113,153,.22),transparent 42%),linear-gradient(120deg,#0b2c45,#103c5e 58%,#0d334f);color:#f5fbfd}
.coexist>.shell{position:relative;z-index:1}
.coexist-head{max-width:760px}
.coexist-head h2{margin-top:14px;color:#f8fcfd}
.coexist-head h2 em{font-style:normal;color:#77ddea}
.coexist-lead{margin-top:25px;color:#c7dbe2;font-size:1rem;line-height:1.75}
.coexist-glyph{display:block;width:40px;height:40px;margin-bottom:23px;fill:var(--glyph,#28d8f0);stroke:none}
.coexist-closing{max-width:820px;margin-top:40px;padding-left:22px;border-left:3px solid #28d8f0;color:#c7dbe2;font-size:1.02rem;line-height:1.7}
.coexist-closing strong{color:#fff}
/* ---------- Icons "Im Institutsalltag" (Glyphs aus icons-db/_glyph, einfarbig je Karte) ---------- */
.uc-glyph{display:block;width:46px;height:46px;margin-bottom:24px;fill:var(--uc,#07788c);stroke:none;transition:transform .2s ease}
.use-case-grid article:nth-child(1){--uc:#07788c}
.use-case-grid article:nth-child(2){--uc:#2b6fa8}
.use-case-grid article:nth-child(3){--uc:#7465c8}
.use-case-grid article:nth-child(4){--uc:#1b9a7a}
.use-case-grid article.is-active .uc-glyph{transform:scale(1.1)}
@media(prefers-reduced-motion:reduce){.uc-glyph{transition:none}}

/* ---------- Pilotprogramm: Hinweis + Ablauf (Chips) ---------- */
.pilot-note{max-width:555px;margin:22px 0 0;padding-left:16px;border-left:3px solid #28d8f0;color:#eaf8f9;font-weight:600;line-height:1.5}
/* ---------- Kontaktformular: Fehler am Feld, Sende-Status, Bestätigung ---------- */
.field-error{display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;color:#a4312c;font-size:.78rem;font-weight:600;line-height:1.4}
.field-error[hidden]{display:none}
.field-error:before{content:"";flex:none;width:15px;height:15px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.2' fill='none' stroke='%23a4312c' stroke-width='1.4'/%3E%3Cpath d='M8 4.4v4.2' stroke='%23a4312c' stroke-width='1.6' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.4' r='.95' fill='%23a4312c'/%3E%3C/svg%3E") center/contain no-repeat}
.contact-card .form-status{margin:0 0 14px}
.contact-card .form-status a{color:inherit;text-decoration:underline}
.button[disabled]{cursor:progress;opacity:.9}
.button-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(6,32,39,.28);border-top-color:#062027;border-radius:50%;animation:button-spin .7s linear infinite}
@keyframes button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.button-spinner{animation-duration:2s}}
.form-success{margin-top:22px;padding:22px;border:1px solid #a9ddc7;border-radius:12px;background:#effaf5;color:#0b5a41;outline:none}
.form-success[hidden]{display:none}
.form-success svg{display:block;width:34px;height:34px;margin-bottom:12px;padding:6px;border-radius:50%;background:#d3f1e3;color:#087f58;stroke-width:2.2}
.form-success h4{margin:0;font:700 1.05rem/1.3 Sora,Inter,sans-serif;color:#0b5a41}
.form-success p{margin:8px 0 0;font-size:.9rem;line-height:1.6;color:#256d55}
.form-success a{color:inherit;font-weight:700;text-decoration:underline}
.contact-card.is-sent>.form-kicker,.contact-card.is-sent>h3,.contact-card.is-sent>p{display:none}
.contact-card.is-sent .form-success{margin-top:0}

/* ---------- Geschwungene Farbflächen auf den hellen Abschnitten ---------- */
.platform::after,.workflow::after,.use-cases::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover}
.platform::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 760%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%237563d9%22 stop-opacity=%22.07%22/%3E%3Cstop offset=%221%22 stop-color=%22%2307b7d4%22 stop-opacity=%22.13%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M0 75C260 135 520 25 820 85S1260 175 1440 115V0H0Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M0 30C280 85 540 -5 840 40S1250 115 1440 65V0H0Z%22 fill=%22rgba(7,183,212,.07)%22/%3E%3C/svg%3E")}
.workflow::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 760%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 x2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2307b7d4%22 stop-opacity=%22.13%22/%3E%3Cstop offset=%221%22 stop-color=%22%237563d9%22 stop-opacity=%22.08%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M0 610C300 550 520 700 820 630S1250 530 1440 580V760H0Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M0 680C320 630 560 735 860 685S1260 620 1440 655V760H0Z%22 fill=%22rgba(7,183,212,.07)%22/%3E%3C/svg%3E")}
.use-cases::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 760%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cpath d=%22M0 690C300 655 560 730 860 685S1260 640 1440 665V760H0Z%22 fill=%22rgba(7,183,212,.07)%22/%3E%3C/svg%3E")}
.workflow>.shell,.use-cases>.shell{position:relative;z-index:1}

/* ---------- Cyan-Akzent auf hellem Grund: lesbarer (Kontrast > 4 zu 1) ---------- */
.platform h2 em,.workflow h2 em,.use-cases h2 em{color:var(--cyan-deep)}

/* ---------- Slider-Pfeile unter dem Bild statt darüber ---------- */
.workflow-media .workflow-slider-controls{position:static;z-index:auto;right:auto;bottom:auto;justify-content:flex-end;gap:10px;margin-top:22px}
.workflow-media .workflow-slider-controls button{width:42px;height:42px;border:1px solid #a9d4dc;background:#fff;color:#0d2c45;font-size:1.15rem;box-shadow:0 6px 14px rgba(13,44,67,.08)}
.workflow-media .workflow-slider-controls button:hover,.workflow-media .workflow-slider-controls button:focus-visible{border-color:#087c91;background:#087c91;color:#fff}

/* ---------- Pilotprogramm: Ablauf 1-2-3 ---------- */
.pilot-steps{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}
.pilot-steps li{display:flex;align-items:flex-start;gap:16px}
.pilot-steps b{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1.5px solid rgba(40,216,240,.7);border-radius:50%;color:#28d8f0;font:700 .85rem Sora,Inter,sans-serif}
.pilot-steps strong{display:block;color:#eaf8f9;font-size:1rem;font-weight:700;line-height:1.35}
.pilot-steps span{display:block;margin-top:3px;color:#a9c8d1;font-size:.86rem;line-height:1.5}

/* ---------- Footer: vier Spalten mit Überschriften ---------- */
.footer-heading{margin:0 0 14px;color:#fff;font:700 .72rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
@media(min-width:1051px){.footer-main{grid-template-columns:1.6fr .8fr .8fr;gap:40px}}
/* Sehr dezenter Tonwechsel zwischen "Die Plattform" und "Von Wissen zu Forschung" (bewusst nicht ganz nahtlos). */
.platform{background:linear-gradient(180deg,#f8fbfc 0%,#f1f7f9 100%)}
.workflow{background:linear-gradient(180deg,#eaf3f6 0%,#e5eff3 100%)}
.platform::before{background:radial-gradient(circle at 78% 30%,rgba(0,188,222,.10),transparent 30%)}

/* ---------- Seite "Funktionen" ---------- */
.fn-section{padding-bottom:40px}
.fn-title{margin:0;color:#12364b;font-size:clamp(1.9rem,3.4vw,2.7rem)}

/* Einstieg: Import-Wege hervorgehoben (dunkles Feld) */
.fn-start{margin-top:34px;padding:38px;border-radius:22px;color:#f5fbfd;background:radial-gradient(at 78% 20%,rgba(16,113,153,.28),transparent 46%),linear-gradient(120deg,#0b2c45,#103c5e 58%,#0d334f)}
.fn-start-eyebrow{margin:0 0 10px;color:#77ddea;font:700 .72rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.fn-start h3{margin:0;color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em}
.fn-start-lead{max-width:680px;margin:12px 0 0;color:#c7dbe2;font-size:1rem;line-height:1.7}
.fn-import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.fn-import{position:relative;padding:26px;border:1px solid rgba(158,215,228,.28);border-radius:16px;background:rgba(255,255,255,.07)}
.fn-import .fn-glyph{width:46px;height:46px;margin-bottom:16px;fill:#c7dbe2}
.fn-import h4{margin:0;color:#f1fafc;font:700 1.1rem/1.3 Sora,Inter,sans-serif}
.fn-import p{margin:9px 0 0;color:#c7dbe2;font-size:.9rem;line-height:1.65}
.fn-import-ai{border-color:rgba(174,160,243,.6);background:linear-gradient(145deg,rgba(101,82,187,.46),rgba(45,78,142,.36))}
.fn-import-ai .fn-glyph{fill:#efaaf5}
.fn-import-csv{border-color:rgba(116,221,229,.5);background:linear-gradient(145deg,rgba(10,134,163,.42),rgba(13,92,122,.34))}
.fn-import-csv .fn-glyph{fill:#77e6f0}

/* KI-Kennzeichnung */
.fn-ki{position:absolute;top:16px;right:16px;padding:3px 9px;border-radius:999px;background:#7465c8;color:#fff;font:700 .66rem Inter,sans-serif;letter-spacing:.1em}
.fn-import-ai .fn-ki{background:#efaaf5;color:#2b1f5c}

/* Gruppen und Cards */
.fn-group{margin-top:46px}
.fn-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #d3e2e6}
.fn-head em{align-self:center;transform:translateY(-2px);display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;font:700 .82rem Sora,Inter,sans-serif;font-style:normal}
.fn-head h3{margin:0;color:#12364b;font-size:1.3rem;letter-spacing:-.02em}
.fn-head small{color:#607277;font-size:.9rem;line-height:1.4}
.fn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.fn-grid>.fn-card{grid-column:span 2}
/* Stehen in der letzten Zeile nur zwei Cards, füllen sie die ganze Breite. */
.fn-grid>.fn-card:nth-last-child(2):nth-child(3n+1),.fn-grid>.fn-card:last-child:nth-child(3n+2){grid-column:span 3}
.fn-card{position:relative;padding:24px;border:1px solid #d7e1e3;border-top:3px solid var(--g);border-radius:15px;background:#fff;transition:transform .18s,box-shadow .18s}
.fn-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,33,38,.09)}
.fn-card-ai{border-color:#d9d3f3;border-top-color:#7465c8;background:linear-gradient(180deg,#f7f5ff,#fff 70%)}
.fn-card-ai .fn-glyph{fill:#7465c8}
.fn-glyph{display:block;width:40px;height:40px;margin-bottom:14px;fill:var(--g,#fff);stroke:none}
.fn-card h4{margin:0;color:#12364b;font:700 1.02rem/1.3 Sora,Inter,sans-serif;letter-spacing:-.01em}
.fn-card p{margin:8px 0 0;color:#526c7a;font-size:.88rem;line-height:1.6}

/* Förderdatenbank und Module */
.fn-funding,.fn-module{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;border-radius:18px;color:#fff}
.fn-funding{margin-top:46px;padding:28px 32px;background:linear-gradient(145deg,rgba(31,137,100,.94),rgba(18,86,78,.96))}
.fn-funding .fn-glyph{width:58px;height:58px;margin:0;fill:#41e3a6}
.fn-funding h3,.fn-module h3{margin:0;color:#fff;font:700 1.25rem/1.3 Sora,Inter,sans-serif}
.fn-funding p,.fn-module p{margin:8px 0 0;color:#d9f1e8;font-size:.92rem;line-height:1.6;max-width:780px}
.fn-badge{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font:700 .62rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.fn-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:46px}
.fn-module{grid-template-columns:52px 1fr;align-items:start;padding:26px;background:linear-gradient(145deg,rgba(43,111,168,.96),rgba(18,62,91,.98))}
.fn-module .fn-glyph{width:46px;height:46px;margin:0;fill:#8fe3f0}
.fn-module p{color:#dbeaf3}
.fn-module .button{margin-top:16px}
.fn-module-teal{background:linear-gradient(145deg,rgba(10,134,163,.96),rgba(13,44,67,.98))}
@media(max-width:900px){.fn-grid,.fn-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-grid>.fn-card,.fn-grid>.fn-card:nth-last-child(2):nth-child(3n+1),.fn-grid>.fn-card:last-child:nth-child(3n+2){grid-column:auto}.fn-grid>.fn-card:last-child:nth-child(odd){grid-column:1/-1}.fn-two{grid-template-columns:1fr}.fn-start{padding:28px}}
@media(max-width:600px){.fn-grid,.fn-import-grid{grid-template-columns:1fr}.fn-grid>.fn-card:last-child:nth-child(odd){grid-column:auto}.fn-funding{grid-template-columns:1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.fn-card{transition:none}.fn-card:hover{transform:none}}

/* Aktiver Menüpunkt */
.desktop-nav a{position:relative}
.desktop-nav a[aria-current="page"]{color:#fff}
.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:#28d8f0}
.mobile-nav a[aria-current="page"]{color:#fff;border-left:3px solid #28d8f0;padding-left:12px}

/* ---------- Menü-Hintergrund beim Scrollen: dunkler Navy-Verlauf mit feiner Cyan-Kante ---------- */
.site-header.is-scrolled{background:linear-gradient(90deg,rgba(11,44,69,.95),rgba(16,60,94,.95));border-color:rgba(40,216,240,.3);box-shadow:0 10px 30px rgba(6,22,40,.18);backdrop-filter:blur(16px)}

/* ---------- Systeme & Kontext: Schichtmodell ---------- */
.coexist-layers{margin-top:40px}
.coexist-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:8px 24px;padding:20px 28px;border-radius:18px;background:linear-gradient(90deg,#07788c,#2b6fa8);box-shadow:0 14px 34px rgba(4,20,36,.28)}
.coexist-bar strong{color:#fff;font:700 1.08rem/1.4 Sora,Inter,sans-serif}
.coexist-stems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:44px}
.coexist-stems i{justify-self:center;width:0;border-left:2px dashed rgba(119,221,234,.7)}
.coexist-systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.coexist-box{padding:24px;border:1px dashed rgba(158,215,228,.55);border-radius:16px;background:rgba(255,255,255,.05)}
.coexist-tag{display:block;margin-bottom:14px;color:#9fc3cf;font:700 .64rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.coexist-box .coexist-glyph{margin-bottom:12px;fill:var(--c,#28d8f0)}
.coexist-box h3{margin:0;color:#f1fafc;font-size:1.05rem;line-height:1.3}
.coexist-box p{margin:8px 0 0;color:#c7dbe2;font-size:.88rem;line-height:1.6}
@media(max-width:900px){.coexist-stems{display:none}.coexist-systems{grid-template-columns:1fr;margin-top:16px}}

/* ---------- Funktionen: Abschluss-Karte ---------- */
.fn-cta-section{padding-top:60px;padding-bottom:70px}
.fn-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 40px;align-items:center;padding:36px 40px;border:1px solid #d7e1e3;border-left:6px solid #28d8f0;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(13,44,67,.08)}
.fn-cta h2{margin:0;color:#12364b;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.035em}
.fn-cta p{margin:8px 0 0;color:#526c7a;font-size:1rem;line-height:1.6}
.fn-cta-action{display:grid;justify-items:center;gap:10px;text-align:center}
.fn-cta-action span{color:#607277;font-size:.82rem}
.fn-cta-action span a{color:var(--cyan-deep);font-weight:700;text-decoration:underline}
@media(max-width:780px){.fn-cta{grid-template-columns:1fr;padding:28px 24px}.fn-cta-action{justify-items:start;text-align:left}}

/* ---------- Preise ---------- */
body[data-prices="off"] [data-price-only]{display:none}
body:not([data-prices="off"]) [data-launch-only]{display:none}
.pr-content{padding-top:56px}
.pr-pilot{margin-bottom:26px}
.pr-status{display:flex;align-items:center;gap:8px;margin:0 0 10px !important;color:#07788c !important;font:700 .74rem Inter,sans-serif !important;letter-spacing:.1em;text-transform:uppercase}
.pr-status i{width:9px;height:9px;border-radius:50%;background:#1fbf8a;box-shadow:0 0 0 4px rgba(31,191,138,.18)}
.pr-content .price-controls{margin-top:0}
.pr-launch-note{margin-top:0}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pr-tier{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid #d7e1e3;border-top:4px solid var(--g);border-radius:18px;background:#fff}
.pr-featured{box-shadow:0 18px 40px rgba(13,44,67,.1)}
.pr-tier-ai{border-color:#d9d3f3;border-top-color:#7465c8;background:linear-gradient(180deg,#f7f5ff,#fff 60%)}
.pr-tier h2{margin:0;color:#12364b;font:700 1.55rem/1.2 Sora,Inter,sans-serif;letter-spacing:-.03em}
.pr-tag{margin:6px 0 0;min-height:2.8em;color:#12364b;font-weight:650;line-height:1.4}
.pr-desc{margin:10px 0 0;color:#526c7a;font-size:.92rem;line-height:1.6;min-height:6.4em}
.pr-price{margin:16px 0 4px;padding:14px 0;border-top:1px solid #e3ecee;border-bottom:1px solid #e3ecee}
.pr-price .price-value{margin:0}
.pr-note{margin:4px 0 0;color:#607277;font-size:.8rem;line-height:1.5}
.pr-plus{margin:16px 0 0;color:#12364b;font-weight:700;font-size:.9rem}
.pr-list{margin:8px 0 18px;padding:0;list-style:none}
.pr-list li{display:grid;grid-template-columns:22px 1fr;padding:11px 0;border-bottom:1px solid #edf2f4}
.pr-list li:before{content:"✓";color:var(--g);font-weight:800}
.pr-list strong{color:#12364b;font-size:.94rem;line-height:1.4}
.pr-list span{grid-column:2;margin-top:3px;color:#607277;font-size:.82rem;line-height:1.55}
.pr-extra{display:flex;align-items:center;gap:9px;margin:auto 0 0;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--g) 11%,#fff);color:#12364b;font-size:.86rem;font-weight:650}
.pr-spark{flex:none;width:18px;height:18px;fill:var(--g)}
.pr-two{margin-top:26px}
.pr-mod-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.pr-mod-list li{position:relative;padding-left:22px;color:#e8f4f8;font-size:.9rem}
.pr-mod-list li:before{content:"✓";position:absolute;left:0;color:#8fe3f0;font-weight:800}
.pr-hint{margin:22px 0 0;text-align:center;color:#526c7a;font-size:.92rem}
.pr-hint a{color:var(--cyan-deep);font-weight:700;text-decoration:underline}
.pr-final{margin-top:40px}
@media(max-width:1000px){.pr-grid{grid-template-columns:1fr}.pr-desc{min-height:0}}
@media(max-width:1000px){.pr-tag{min-height:0}}

.pr-ops{margin-top:44px}
.pr-ops-head{margin-bottom:18px}
.pr-ops-head h2{margin:4px 0 0;color:#12364b;font:700 clamp(1.4rem,2.4vw,1.8rem)/1.25 Sora,Inter,sans-serif;letter-spacing:-.03em}
.pr-ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pr-op{padding:24px;border:1px solid #d7e1e3;border-radius:16px;background:#fff}
.pr-op h3{margin:12px 0 0;color:#12364b;font:700 1.08rem/1.3 Sora,Inter,sans-serif}
.pr-op p{margin:8px 0 0;color:#526c7a;font-size:.9rem;line-height:1.6}
.pr-op-tag{display:inline-block;padding:4px 11px;border-radius:999px;background:#edf3f5;color:#40606e;font:700 .66rem Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.pr-op-in{background:#dff5f8;color:#07788c}
.pr-ops-note{margin:16px 0 0;color:#526c7a;font-size:.92rem;line-height:1.6}
@media(max-width:900px){.pr-ops-grid{grid-template-columns:1fr}}
.button>span[aria-hidden]{color:inherit;font-size:inherit}
.pr-spark,.pr-follow svg{stroke:none}
/* Preise: Pilot-Karte */
.pr-pilot-a{display:block;padding:0}
.pr-pilot-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px 40px 24px}
.pr-pilot-a h2{font-size:clamp(1.4rem,2.2vw,1.7rem)}
.pr-follow{display:flex;gap:10px;align-items:flex-start;margin:0 40px;padding:16px 0 26px;border-top:1px solid #e3ecee;color:#12364b;font-size:.92rem;line-height:1.55}
.pr-follow svg{flex:none;width:18px;height:18px;margin-top:2px;fill:#07788c;stroke:none}
@media(max-width:780px){.pr-pilot-main{grid-template-columns:1fr;padding:26px 24px 20px}.pr-follow{margin:0 24px}}
.pr-pilot-a .pr-follow{margin:0 40px;color:#12364b}
@media(max-width:780px){.pr-pilot-a .pr-follow{margin:0 24px}}
.pr-pilot-a .pr-status{gap:11px;margin-bottom:18px !important}

/* ---------- FAQ ---------- */
.faq-list{max-width:1000px}
.faq-group{margin-top:46px}
.faq-group:first-child{margin-top:0}
.faq-group .fn-head h2{margin:0;color:#12364b;font:700 1.3rem/1.3 Sora,Inter,sans-serif;letter-spacing:-.02em}
.faq-list .faq-group details{margin:10px 0;padding:0;border:1px solid #d7e1e3;border-left:4px solid var(--g);border-radius:14px;background:#fff}
.faq-list .faq-group summary{position:relative;padding:18px 54px 18px 22px;color:#12364b;font-weight:650;line-height:1.45;cursor:pointer;list-style:none}
.faq-list .faq-group summary::-webkit-details-marker{display:none}
.faq-list .faq-group summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--g);font:400 1.5rem/1 Inter,sans-serif}
.faq-list .faq-group details[open] summary:after{content:"–"}
.faq-list .faq-group details[open] summary{padding-bottom:10px}
.faq-list .faq-group details>p,.faq-list .faq-group details>ul{margin:0 22px 14px;color:#526c7a;line-height:1.7;font-size:.96rem}
.faq-list .faq-group details>ul{padding-left:20px}
.faq-list .faq-group details>ul li{margin:8px 0}
.faq-list .faq-group details>ul strong{color:#12364b}
.faq-list .faq-group details>p:last-child,.faq-list .faq-group details>ul:last-child{margin-bottom:20px}
.faq-list .faq-group details a{color:var(--cyan-deep);font-weight:700}
.faq-group:nth-of-type(3) details{border-color:#d9d3f3;border-left-color:#7465c8;background:linear-gradient(180deg,#f7f5ff,#fff 70%)}
/* FAQ: Gruppennamen links, Fragen rechts */
.inner-content .faq-list{max-width:none}
.faq-list .faq-group{display:grid;grid-template-columns:270px minmax(0,1fr);gap:0 48px;align-items:start;margin-top:34px;padding-top:34px;border-top:1px solid #d3e2e6}
.faq-list .faq-group:first-child{margin-top:0;padding-top:0;border:0}
.faq-list .faq-group .fn-head{position:sticky;top:110px;display:block;grid-column:1;grid-row:1 / span 20;margin:0;padding:8px 0 0;border:0}
.faq-list .faq-group .fn-head em{display:inline-grid;margin-bottom:12px;transform:none}
.faq-list .faq-group .fn-head h2{font-size:1.45rem}
.faq-list .faq-group details{grid-column:2}
@media(max-width:900px){.faq-list .faq-group{display:block}.faq-list .faq-group .fn-head{position:static;display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0}.faq-list .faq-group .fn-head em{margin:0}}
#tarife{scroll-margin-top:110px}
/* FAQ: Kontaktwege */
.faq-contact{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center;margin-top:56px;padding:36px 40px;border:1px solid #d7e1e3;border-left:6px solid #28d8f0;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(13,44,67,.08)}
.faq-contact h2{margin:0;color:#12364b;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.035em}
.faq-contact p{margin:8px 0 0;color:#526c7a;font-size:1rem;line-height:1.6}
.faq-contact-list{display:grid;gap:10px}
.faq-contact-row{display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:center;padding:14px 18px;border:1px solid #d7e1e3;border-radius:14px;background:#f7fafb;color:#12364b;text-decoration:none;transition:border-color .15s,background .15s}
.faq-contact-row:hover,.faq-contact-row:focus-visible{border-color:#28d8f0;background:#eefbfd}
.faq-contact-row svg{width:22px;height:22px;stroke:#07788c}
.faq-contact-row strong{display:block;font-size:.98rem}
.faq-contact-row small{display:block;margin-top:2px;color:#607277;font-size:.82rem}
.faq-contact-row i{color:#07788c;font-style:normal;font-weight:700}
@media(max-width:900px){.faq-contact{grid-template-columns:1fr;gap:24px;padding:28px 24px}}
.inner-content .legal-copy.legal-wide{max-width:none}
.legal-copy.legal-wide p,.legal-copy.legal-wide li{max-width:980px}
.hero-sensitive-badge>img{filter:none}
.hero{background:linear-gradient(180deg,rgba(6,24,40,.7) 0%,rgba(6,24,40,0) 22%),linear-gradient(95deg,rgba(6,24,40,.92) 0%,rgba(8,32,52,.78) 32%,rgba(11,44,69,.28) 60%,rgba(11,44,69,.12) 100%),url("assets/img/hero-bg.jpg?i=2") center 40%/cover no-repeat}
.hero-product{align-self:end;transform:translateY(90px) scale(.92);transform-origin:100% 100%}
.hero-sensitive-badge{display:none}
@media(max-width:1050px){.hero-product{transform:none;align-self:auto}}

/* ---------- Über den Founder ---------- */
.founder{padding-top:0;padding-bottom:104px;background:linear-gradient(180deg,#edfafc,#e3f1f6)}
.founder-line{display:grid;grid-template-columns:132px minmax(0,1fr);gap:40px;align-items:start;padding:40px 48px;border:1px solid #d7e1e3;border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(13,44,67,.07)}
.founder-photo{display:block;width:132px;height:132px;padding:6px;border:2px solid #d5dde3;border-radius:50%;background:#fff;overflow:hidden}
.founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:50%;filter:grayscale(1) contrast(1.06)}
.founder-eyebrow{margin:0 0 12px;color:#07788c;font:700 .74rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.founder-quote{margin:0;color:#12364b;font:italic 500 clamp(1.25rem,2vw,1.55rem)/1.4 Inter,sans-serif;letter-spacing:-.01em}
.founder-quote span,.founder-quote em{display:block}
.founder-quote em{color:#07788c;font-style:italic;font-weight:600}
.founder-text{margin:14px 0 0;max-width:700px;color:#40606e;font-size:.98rem;font-style:normal;line-height:1.65}
.founder-name{margin:16px 0 0;color:#12364b;font-size:.95rem}
.founder-name b{margin-right:8px}
.founder-name span{color:#607277}
@media(max-width:700px){.founder-line{grid-template-columns:1fr;gap:20px;padding:28px 24px}.founder-photo{width:96px;height:96px}}

/* ---------- Mobil-Korrekturen ---------- */
.security-layout>*{min-width:0}
@media(max-width:1050px){.security-layout{grid-template-columns:minmax(0,1fr)}.security-layout>.security-cards{grid-template-columns:minmax(0,1fr)}.security-bottom{grid-template-columns:minmax(0,1fr)}}
.inner-hero h1{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:600px){.inner-hero h1{font-size:clamp(1.9rem,8.6vw,2.6rem)}}
@media(max-width:780px){
  /* iOS zoomt bei Eingabefeldern unter 16px beim Antippen */
  .form-field input,.form-field textarea,#contact-form input,#contact-form textarea{font-size:16px}
  /* Fußzeile: größere Tippflächen */
  .footer-main nav a,.footer-main .footer-cookie-link{display:block;padding:9px 0;min-height:40px;line-height:1.4}
  .founder-eyebrow,.form-kicker{font-size:.75rem}
}

/* ---------- Mobiles Menü: Vollbild ---------- */
@media(max-width:780px){
  .menu-button span:not(.sr-only){transition:transform .22s,opacity .16s}
  .site-header.is-open .menu-button span:nth-child(2){transform:translateY(7px) rotate(45deg)}
  .site-header.is-open .menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-header.is-open{background:#07202f;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-nav{position:fixed;inset:72px 0 0;display:grid;align-content:start;grid-auto-rows:min-content;gap:0;padding:26px 24px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(170deg,#07202f,#0d3350 70%,#0c4462);border:0;transform:translateY(-14px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s,opacity .2s,visibility 0s .24s}
  .site-header.is-open .mobile-nav{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .24s,opacity .2s}
  .mobile-nav a:not(.button):not(.mnav-mail){display:flex;align-items:center;justify-content:space-between;padding:20px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:#e6f2f5;font:600 1.6rem/1.2 Sora,Inter,sans-serif;letter-spacing:-.03em}
  .mobile-nav a:not(.button):not(.mnav-mail):after{content:"→";color:#28d8f0;font:400 1.2rem Inter,sans-serif}
  .mobile-nav a[aria-current="page"]:not(.button):not(.mnav-mail){padding-left:4px;border-left:0;color:#28d8f0}
  .mobile-nav .mnav-cta{margin-top:30px;justify-content:center;min-height:56px}
  .mobile-nav .mnav-mail{margin:18px 0 0;color:#9fc3cf;text-align:center;font-size:.9rem;text-decoration:none}
  html.menu-open,html.menu-open body{overflow:hidden}
}
@media(min-width:781px){.mobile-nav .mnav-cta,.mobile-nav .mnav-mail{display:none}}

/* ---------- Handy: Screens groß, wandern beim Scrollen nach links ---------- */
.wf-mobile{display:none}
@media(max-width:780px){
  .workflow-media,.workflow-copy [data-workflow-steps]{display:none}
  .wf-mobile{display:grid;gap:34px;margin-top:26px}
  .wf-step{margin:0}
  .wf-step figcaption{display:grid;grid-template-columns:32px 1fr;gap:12px;margin-top:14px}
  .wf-step figcaption span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#07788c;color:#fff;font:700 .82rem Sora,Inter,sans-serif}
  .wf-step h3{margin:0;color:#12364b;font-size:1.05rem;line-height:1.3}
  .wf-step p{margin:5px 0 0;color:#526c7a;font-size:.92rem;line-height:1.55}
  .pan-shot{position:relative;overflow:hidden;width:calc(100% + 18px);margin-right:-18px;border:1px solid #d3e2e6;border-right:0;border-radius:16px 0 0 16px;background:#fff;box-shadow:0 16px 36px rgba(11,44,69,.14)}
  .pan-shot img{display:block;width:190%;max-width:none;height:auto;transform:translate3d(calc(var(--pan,0) * -47.4%),0,0);will-change:transform}
  .platform-showcase-frame.pan-shot{border-radius:16px 0 0 16px}
}
@media(max-width:780px) and (prefers-reduced-motion:reduce){.pan-shot{width:100%;margin-right:0;border-right:1px solid #d3e2e6;border-radius:16px}.pan-shot img{width:100%;transform:none}}

/* Hero-Screen auf dem Handy: groß, ragt rechts hinaus und wandert beim Scrollen nach links */
@media(max-width:780px){
  .hero-product{width:100%;margin:0;top:0;min-height:calc((100vw - 36px) * 1.9 * .625 + 34px)}
  .hero-product::before,.hero-product::after,.hero-product .product-orbit{display:none}
  .hero-product .product-window[data-pan]{top:12px;right:auto;left:0;width:190%;max-width:none;transform:translate3d(calc(var(--pan,0) * -47.4%),0,0);will-change:transform;border-radius:14px 0 0 14px}
}
@media(max-width:780px) and (prefers-reduced-motion:reduce){
  .hero-product{min-height:clamp(240px,calc((100vw - 36px) * .61 + 30px),420px)}
  .hero-product .product-window[data-pan]{width:100%;transform:none;border-radius:14px}
}

@media(max-width:780px){
  .wf-mobile{display:block}
  .wf-list{margin:26px 0 0;padding:0;list-style:none}
  .wf-item{padding:18px 0;border-bottom:1px solid #d3e2e6}
  .wf-item:first-child{border-top:1px solid #d3e2e6}
  .wf-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#07788c;color:#fff;font:700 .82rem Sora,Inter,sans-serif}
  .wf-item{display:grid;grid-template-columns:32px 1fr;gap:12px}
  .wf-item h3{margin:0;color:#12364b;font-size:1.05rem;line-height:1.3}
  .wf-item p{margin:5px 0 0;color:#526c7a;font-size:.92rem;line-height:1.55}
  .wf-shots{display:grid;gap:22px;margin-top:34px}
  .wf-num{position:absolute;z-index:2;left:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#07788c;color:#fff;font:700 .8rem Sora,Inter,sans-serif;font-style:normal;box-shadow:0 4px 10px rgba(7,120,140,.35)}
}
@media(max-width:780px){.workflow-copy .wf-list .wf-item{opacity:1;transform:none}.workflow-copy .wf-list .wf-item>span{background:#07788c;color:#fff;border:0;box-shadow:none;opacity:1;width:30px;height:30px}.workflow-copy .wf-list .wf-item h3{color:#12364b;opacity:1}.workflow-copy .wf-list .wf-item p{color:#526c7a;opacity:1}}

@media(max-width:780px){
  .wf-mobile{margin-top:8px}
  .wf-block{padding:26px 0 0}
  .wf-block+.wf-block{margin-top:14px}
  .workflow-copy .wf-block .wf-item{border:0;padding:0 0 16px}
  .wf-block .pan-shot{margin-top:0}
}

/* ---------- Handy: Buttons ca. 70 % der Breite, mittig ---------- */
@media(max-width:780px){
  .button:not(.header-cta):not(.button-small),.button-small.button-secondary:not(.header-cta){display:flex;width:70%;min-width:min(276px,100%);max-width:100%;margin-left:auto;margin-right:auto;justify-content:center;gap:10px;padding-left:16px;padding-right:16px;text-align:center}
  .hero-actions{align-items:center}
  .fn-module .button,.fn-cta-action,.faq-contact .button,.pilot .button,.security-bottom .security-contact-link{margin-left:auto;margin-right:auto;justify-self:center}
  .fn-cta-action{justify-items:center;text-align:center}
  .security-bottom .security-contact-link{justify-self:center}
  .cookie-banner .button{width:auto;min-width:0;margin:0}
  .cookie-banner-actions{display:flex;gap:10px;justify-content:center}
  .cookie-banner-actions .button{flex:1 1 auto}
  .button-full{width:70%}
}

/* ---------- Founder-Karte auf dem Handy: Foto groß und zentriert ---------- */
@media(max-width:700px){
  .founder-line{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding:34px 24px 30px}
  .founder-photo{width:168px;height:168px;padding:7px}
  .founder-line>div{display:flex;flex-direction:column;align-items:center}
  .founder-eyebrow{max-width:15em;margin:0 0 12px;line-height:1.5}
  .founder-quote{font-size:1.3rem;line-height:1.4}
  .founder-quote span,.founder-quote em{display:block}
  .founder-text{margin-top:16px;font-size:.96rem;line-height:1.65;text-align:center}
  .founder-name{display:grid;justify-items:center;gap:2px;margin-top:20px;padding-top:18px;border-top:1px solid #e3ecee;width:100%}
  .founder-name b{margin:0}
}
@media(max-width:700px){
  .founder-line{gap:0}
  .founder-line>div{display:contents}
  .founder-eyebrow{order:1;margin-bottom:12px}
  .founder-quote{order:2}
  .founder-text{order:3;margin-bottom:24px}
  .founder-photo{order:4;width:132px;height:132px;margin:0 auto;position:relative}
  .founder-name{order:5;margin-top:16px;padding-top:0;border-top:0;width:auto}
  .founder-photo:before{content:"";position:absolute;left:50%;top:-24px;width:calc(100vw - 96px);max-width:300px;height:1px;transform:translateX(-50%);background:#e3ecee}
}

/* Handy: die aktive Karte steht beim Blättern immer an erster Stelle */
@media(max-width:780px){
  .use-case-grid{display:flex;flex-direction:column}
  .use-case-grid>[data-use-case-card]{order:var(--uc-order,0)}
}

/* Karten sind keine Bedienelemente */
.use-case-grid article[data-use-case-card]{cursor:default}
.use-case-grid article[data-use-case-card]:hover{transform:none}
@media(max-width:780px){.use-case-grid>[data-use-case-card]{position:relative}}

/* Handy: Institutsalltag-Fotos größer, bis an den Bildschirmrand */
@media(max-width:780px){
  .use-case-mosaic{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px;aspect-ratio:auto;min-height:0}
  .use-case-mosaic .photo-backplate{display:none}
  .use-case-mosaic .photo-layer,.use-case-mosaic .photo-team{position:relative;inset:auto;top:auto;left:auto;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3.3;object-fit:cover;border-radius:0;transform:none}
  .use-case-mosaic .photo-caption{position:relative;left:auto;right:auto;bottom:auto;top:auto;z-index:3;width:calc(100% - 36px);margin:-46px auto 0}
}

.photo-stage{display:contents}
@media(max-width:780px){
  .photo-stage{display:block;position:relative;overflow:hidden}
  .photo-stage .photo-out{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
}

/* ---------- Mobil: flüssiges Menü und Hero-Ausschnitt ---------- */
@media(max-width:780px){
  /* Backdrop-Filter macht die Kopfzeile zum Bezugsrahmen für das fixierte Menü und erzwingt beim Öffnen ein Neuzeichnen: weg. */
  .site-header,.site-header.is-scrolled,.site-header.is-open,.site-header.is-past-hero{-webkit-backdrop-filter:none;backdrop-filter:none}
  .site-header.is-scrolled{background:linear-gradient(90deg,rgba(11,44,69,.97),rgba(16,60,94,.97))}
  .mobile-nav{will-change:transform,opacity;transition:transform .28s cubic-bezier(.22,.8,.25,1),opacity .22s ease,visibility 0s .28s;contain:layout paint}
  .site-header.is-open .mobile-nav{transition:transform .28s cubic-bezier(.22,.8,.25,1),opacity .22s ease}
  .site-header{transition:none}
  /* Hero-Foto: nach rechts schieben, damit die Frau links aus dem Bild ist */
  .hero{background-position:0 0,0 0,90% 40%}
}

/* Datenschutz-Bereich: zwei Punkte in einer Karte, untereinander */
.security-layout>.security-cards article.security-card-combo{grid-column:1/-1;min-height:0;display:grid;gap:0;padding:6px 44px}
.security-card-combo .security-point{display:grid;grid-template-columns:44px 1fr;gap:22px;align-items:start;padding:26px 0}
.security-card-combo .security-point+.security-point{border-top:1px solid rgba(158,215,228,.22)}
.security-card-combo .security-card-icon{width:40px;height:40px;margin:2px 0 0}
.security-card-combo h3{margin:0}
.security-card-combo p{margin:8px 0 0}
@media(max-width:780px){
  .security-layout>.security-cards article.security-card-combo{padding:4px 22px}
  .security-card-combo .security-point{grid-template-columns:1fr;gap:12px;padding:22px 0}
}

/* Sprachwechsel im mobilen Menü */
@media(max-width:780px){
  .mobile-nav a.mnav-lang.mnav-lang.mnav-lang{display:block;margin:6px 0 0;padding:14px 0 0;border:0;color:#9fc3cf;font:500 .95rem Inter,sans-serif;letter-spacing:0;text-align:center}
  .mobile-nav a.mnav-lang.mnav-lang.mnav-lang:after{content:none}
}
@media(min-width:781px){.mobile-nav .mnav-lang{display:none}}

/* EN: längere Wörter im Hero, Überschrift etwas kleiner */
html[lang="en"] .hero h1{font-size:clamp(2.6rem,5.1vw,4.5rem);line-height:1.02}
@media(max-width:780px){html[lang="en"] .hero h1{font-size:clamp(2.4rem,11vw,3.2rem)}}
html[lang="en"] .inner-hero h1{hyphens:manual;-webkit-hyphens:manual}

/* EN: Oberflächen-Screenshots mit englischer Beschriftung */
html[lang="en"] .hero-product .product-window{background-image:url("assets/img/screens/en/dashboard-hero.webp")}

/* ---------- Handy: Randabstand als Variable (15 px bis 430 px, sonst 18 px), Vollbreite passgenau, kein seitliches Verschieben ---------- */
:root{--gut:18px}
@media(max-width:430px){:root{--gut:15px}}
@media(max-width:780px){
  html{overflow-x:hidden}
  body{overflow-x:clip}
  .pan-shot{width:calc(100% + var(--gut));margin-right:calc(var(--gut) * -1)}
  .use-case-mosaic{width:calc(100% + var(--gut) * 2);margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1)}
}
/* Hero-Überschrift: jedes Wort in einer eigenen Zeile, damit beim Wechsel des Wortes nichts springt */
.hero h1 .hero-title-word{display:block;white-space:nowrap}
/* Institutsalltag (Handy): Abstand zwischen Foto mit Pfeil-Karte und den Karten darunter */
@media(max-width:780px){
  .use-case-mosaic{margin-bottom:26px}
  .use-case-grid{margin-top:0}
}