.messe{--ink:#072f43;--muted:#4b6571;--blue:#007dac;--water:#53c7ee;--pale:#eaf6fb;--line:#cbdde5;--white:#fff;--yellow:#ffe28a;--max:1200px}
.messe *{box-sizing:border-box}
.messe{scroll-behavior:smooth;scroll-padding-top:100px}
.messe{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.messe a{color:inherit;text-underline-offset:.24em}
.messe a:hover{text-decoration-thickness:2px}
.messe button,.messe a,.messe summary{-webkit-tap-highlight-color:transparent}
.messe a:focus-visible,.messe summary:focus-visible{outline:3px solid #b36000;outline-offset:5px}
.messe img{max-width:100%;display:block}
.messe h1,.messe h2,.messe h3,.messe p{margin:0}
.messe h1,.messe h2,.messe h3{line-height:1.12;letter-spacing:-.045em}
.messe h1{font-size:clamp(3rem,5.2vw,4.6rem);font-weight:750}
.messe h2{font-size:clamp(2rem,3.2vw,3.05rem)}
.messe h3{font-size:1.35rem;letter-spacing:-.025em}
.messe p+p{margin-top:1rem}
.messe .wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.messe .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.76rem;line-height:1.5}
.messe .section{padding-block:100px}
.messe .section-head{max-width:690px;margin-bottom:48px}
.messe .section-head h2{margin:14px 0 22px}
.messe .section-head p:last-child{color:var(--muted)}
.messe .skip{position:absolute;z-index:9;top:-100px;left:20px;background:white;padding:12px 20px}
.messe .skip:focus{top:10px}
.messe .btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 24px;border:1px solid var(--ink);border-radius:5px;text-decoration:none;font-weight:700;font-size:.94rem;line-height:1.4;background:var(--ink);color:white;transition:background .18s,color .18s}
.messe .btn:hover{background:#0e4b66}
.messe .btn-light{background:white;color:var(--ink);border-color:white}
.messe .btn-light:hover{background:var(--pale)}
.messe .btn-outline{background:transparent;color:var(--ink);border-color:var(--line)}
.messe .btn-outline:hover{background:var(--pale)}
.messe .actions{display:flex;gap:12px;flex-wrap:wrap}
.messe .text-link{font-weight:700;font-size:.95rem}
.messe .announcement{background:var(--ink);color:white;text-align:center;padding:9px 20px;font-size:.8rem;letter-spacing:.025em}
.messe .announcement a{text-decoration:none}
.messe .announcement strong{color:var(--yellow)}
.messe .announcement span{margin-inline:12px;color:#7ca2b4}
.messe .header{background:#fff;border-bottom:1px solid var(--line)}
.messe .nav-wrap{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.messe .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.messe .brand-icon{height:62px;width:58px;object-fit:contain;background:var(--ink);border-radius:4px;padding:5px}
.messe .brand-name{font-size:1.1rem;letter-spacing:-.035em}
.messe .brand-name b{font-weight:800}
.messe .brand-name small{display:block;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--muted)}
.messe .nav{display:flex;align-items:center;gap:27px;font-size:.86rem;font-weight:700}
.messe .nav a{text-decoration:none}
.messe .nav a:not(.btn):hover{color:var(--blue)}
.messe .nav .btn{min-height:44px;padding:10px 17px;font-size:.83rem}
.messe .mobile-nav{display:none}
.messe .hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px;max-width:1600px;margin-inline:auto}
.messe .hero-copy{padding:72px 54px 64px max(40px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.messe .hero .eyebrow{color:var(--blue);margin-bottom:22px}
.messe .hero h1 span{color:var(--blue)}
.messe .hero-intro{font-size:1.1rem;color:var(--muted);line-height:1.65;max-width:505px;margin:25px 0 29px}
.messe .hero-intro strong{color:var(--ink)}
.messe .hero-foot{display:flex;gap:10px;align-items:center;font-size:.78rem;margin-top:25px;color:var(--muted)}
.messe .hero-foot:before{content:"";height:1px;width:27px;background:var(--blue)}
.messe .hero-visual{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:43px 42px 35px;min-height:560px}
.messe .hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;z-index:-2}
.messe .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,36,53,.2),rgba(3,36,53,.07) 35%,rgba(3,36,53,.92));z-index:-1}
.messe .premiere{align-self:flex-end;background:var(--yellow);color:var(--ink);padding:13px 18px;font-size:.77rem;line-height:1.5;border-radius:3px;box-shadow:0 5px 25px #062b4426}
.messe .premiere strong{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}
.messe .product-word{font-size:clamp(5rem,9.8vw,9rem);line-height:.95;letter-spacing:-.065em;font-weight:750;margin-bottom:15px}
.messe .product-sub{font-size:1.03rem;line-height:1.5;max-width:300px}
.messe .product-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid #ffffff55;margin-top:30px;padding-top:20px;font-size:.74rem}
.messe .product-meta strong{display:block;letter-spacing:.07em;font-size:.74rem;text-transform:uppercase}
.messe .hero-visual .issue{writing-mode:vertical-rl;position:absolute;right:20px;top:180px;letter-spacing:.22em;font-size:.66rem;color:#fff}
.messe .audience{background:var(--pale);border-bottom:1px solid var(--line)}
.messe .audience-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-size:.88rem}
.messe .audience-label{color:var(--muted);font-size:.8rem}
.messe .audience-list{display:flex;flex-wrap:wrap;gap:30px;font-weight:700}
.messe .intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}
.messe .intro h2{max-width:460px}
.messe .intro .eyebrow{margin-bottom:17px;color:var(--blue)}
.messe .intro-copy{padding-top:5px;font-size:1.12rem;color:var(--muted)}
.messe .intro-copy strong{color:var(--ink)}
.messe .principles{display:flex;gap:24px;margin-top:28px;padding-top:25px;border-top:1px solid var(--line);font-size:.82rem;font-weight:700;color:var(--ink)}
.messe .features{background:#f4f8fa;border-block:1px solid var(--line)}
.messe .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.messe .feature{padding:32px;background:white}
.messe .feature-no{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:.8rem;letter-spacing:.06em;margin-bottom:40px}
.messe .feature-no svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.messe .feature h3{min-height:49px;margin-bottom:17px}
.messe .feature p{color:var(--muted);font-size:.94rem;line-height:1.7}
.messe .feature-note{margin-top:25px;font-size:.83rem;color:var(--muted);max-width:760px}
.messe .workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.messe .workflow .section-head{margin:0}
.messe .steps{list-style:none;padding:0;margin:0;counter-reset:steps}
.messe .steps li{position:relative;counter-increment:steps;display:grid;grid-template-columns:44px 1fr;gap:21px;padding:24px 0;border-top:1px solid var(--line)}
.messe .steps li:last-child{border-bottom:1px solid var(--line)}
.messe .steps li:before{content:"0" counter(steps);font-size:.92rem;font-weight:700;color:var(--blue);padding-top:3px}
.messe .steps h3{font-size:1.3rem;margin-bottom:8px}
.messe .steps p{color:var(--muted);font-size:.94rem}
.messe .launch{background:var(--ink);color:white;position:relative;overflow:hidden}
.messe .launch-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:center}
.messe .launch .eyebrow{color:var(--water)}
.messe .launch h2{font-size:clamp(2.2rem,3.8vw,3.65rem);margin:20px 0 24px;max-width:580px}
.messe .launch-intro{color:#c4dbe5;max-width:550px;margin-bottom:30px}
.messe .launch-date{font-size:.82rem;color:#c4dbe5;margin:17px 0 0}
.messe .launch-date a{color:white}
.messe .timeline{border-left:1px solid #4e768a;padding-left:32px}
.messe .milestone{padding:6px 0 30px;position:relative}
.messe .milestone:before{content:"";position:absolute;top:13px;left:-37px;width:9px;height:9px;background:var(--yellow);border-radius:50%}
.messe .milestone+.milestone{border-top:1px solid #31576a;padding-top:30px}
.messe .milestone+.milestone:before{top:37px;background:var(--water)}
.messe .milestone-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--water)}
.messe .milestone h3{font-size:2rem;margin:12px 0}
.messe .milestone p{font-size:.94rem;color:#c4dbe5}
.messe .milestone strong{color:white}
.messe .milestone-tag{display:inline-block;font-size:.74rem;border:1px solid #668b9d;border-radius:3px;padding:4px 9px;margin-top:18px}
.messe .more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.messe .more-card{border-top:3px solid var(--blue);padding-top:26px;display:flex;flex-direction:column;align-items:flex-start}
.messe .more-card h3{margin-bottom:16px}
.messe .more-card p{font-size:.94rem;color:var(--muted);margin-bottom:22px;flex-grow:1}
.messe .more-card a{font-size:.88rem;font-weight:700}
.messe .archive-note{margin-top:34px;border-top:1px solid var(--line);padding-top:22px;font-size:.83rem;color:var(--muted)}
.messe .faq-section{background:#f4f8fa;border-top:1px solid var(--line)}
.messe .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.messe .faq-grid h2{margin-top:15px}
.messe .faq details{border-bottom:1px solid var(--line);padding:20px 0}
.messe .faq details:first-child{border-top:1px solid var(--line)}
.messe .faq summary{cursor:pointer;font-weight:700;font-size:1rem;display:flex;justify-content:space-between;gap:30px;list-style:none;line-height:1.5}
.messe .faq summary::-webkit-details-marker{display:none}
.messe .faq summary:after{content:"+";font-size:1.35rem;line-height:1.15;font-weight:400;color:var(--blue)}
.messe .faq details[open] summary:after{content:"−"}
.messe .faq details p{margin-top:16px;color:var(--muted);font-size:.94rem;max-width:640px}
.messe .contact{padding-block:85px}
.messe .contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.messe .contact h2{margin:15px 0 20px}
.messe .contact-copy{color:var(--muted);max-width:530px}
.messe .contact-box{border-left:3px solid var(--water);padding:7px 0 7px 32px}
.messe .contact-box .mail{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}
.messe .contact-box p{color:var(--muted);font-size:.88rem;margin:13px 0}
.messe .contact-box .btn{margin-top:10px}
.messe .footer{background:var(--ink);color:#c4dbe5;padding:45px 0 25px;font-size:.8rem}
.messe .footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr .7fr;gap:45px}
.messe .footer h3{font-size:.95rem;letter-spacing:0;color:white;margin-bottom:14px}
.messe .footer p{font-size:.8rem}
.messe .footer-brand{color:white;font-size:1.1rem;font-weight:700;margin-bottom:13px}
.messe .footer a{color:inherit}
.messe .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.messe .copyright{border-top:1px solid #31576a;margin-top:30px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:.73rem}
@media(min-width:1600px){.messe .hero-copy{padding-left:calc((1600px - var(--max))/2)}}
@media(max-width:1100px){.messe .wrap{width:calc(100% - 48px)}
.messe .nav{gap:18px}
.messe .nav-wrap{gap:20px}
.messe .hero-copy{padding:54px 32px 50px 24px}
.messe .hero-visual{padding:33px 30px}
.messe .hero{min-height:600px}
.messe .intro,.messe .workflow,.messe .launch-grid,.messe .faq-grid{gap:50px}
.messe .feature{padding:27px}
.messe .brand-name small{display:none}
.messe .brand-name{font-size:1rem}
.messe .audience-list{gap:20px}
.messe .feature h3{min-height:74px}}
@media(max-width:800px){.messe{scroll-padding-top:20px}
.messe .section{padding-block:65px}
.messe .nav{display:none}
.messe .mobile-nav{display:block;position:relative}
.messe .mobile-nav summary{cursor:pointer;border:1px solid var(--line);border-radius:4px;padding:9px 15px;font-size:.85rem;font-weight:700}
.messe .mobile-nav nav{position:absolute;right:0;top:55px;width:230px;background:white;border:1px solid var(--line);padding:14px 22px;z-index:5;box-shadow:0 12px 24px #072f431a}
.messe .mobile-nav a{display:block;padding:10px 0;text-decoration:none;font-size:.94rem}
.messe .nav-wrap{min-height:79px}
.messe .brand-icon{height:54px;width:48px}
.messe .hero{grid-template-columns:1fr}
.messe .hero-copy{padding:55px 24px}
.messe .hero h1{font-size:clamp(2.85rem,7vw,4rem)}
.messe .hero-intro{max-width:590px}
.messe .hero-visual{min-height:420px;padding:27px 24px}
.messe .product-word{font-size:6.8rem}
.messe .hero-visual .issue{top:125px}
.messe .product-sub{max-width:none}
.messe .product-meta{margin-top:24px}
.messe .hero-visual>img{object-position:center 60%}
.messe .audience-inner{display:block}
.messe .audience-list{margin-top:12px;gap:8px 24px;font-size:.82rem}
.messe .intro,.messe .workflow,.messe .launch-grid,.messe .faq-grid,.messe .contact-inner{grid-template-columns:1fr;gap:35px}
.messe .intro h2{max-width:600px}
.messe .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.messe .feature h3{min-height:49px}
.messe .feature-no{margin-bottom:25px}
.messe .more-grid{gap:26px}
.messe .more-card h3{font-size:1.18rem}
.messe .footer-grid{grid-template-columns:1fr 1fr}
.messe .footer-grid>div:last-child{grid-column:1/-1}
.messe .footer-links{flex-direction:row;flex-wrap:wrap;gap:14px 24px}
.messe .contact-box{padding-left:23px}
.messe .timeline{margin-left:5px}
.messe .launch-grid{gap:45px}
.messe .faq-grid{gap:30px}}
@media(max-width:480px){.messe{font-size:16px}
.messe .wrap{width:calc(100% - 40px)}
.messe .announcement{font-size:.72rem;padding-inline:12px}
.messe .announcement span{margin-inline:5px}
.messe .announcement .city{display:none}
.messe .brand-name{font-size:1rem}
.messe .hero-copy{padding:43px 20px 40px}
.messe .hero h1{font-size:2.85rem}
.messe .hero-intro{font-size:1rem;margin-top:21px}
.messe .hero .eyebrow{font-size:.69rem}
.messe .hero .actions{width:100%}
.messe .hero .btn{flex:1;padding-inline:12px;font-size:.85rem}
.messe .hero-visual{min-height:390px;padding:24px 20px}
.messe .product-word{font-size:6rem}
.messe .product-sub{font-size:.95rem}
.messe .product-meta{font-size:.69rem}
.messe .product-meta strong{font-size:.69rem}
.messe .premiere{font-size:.7rem}
.messe .principles{gap:14px;flex-wrap:wrap;font-size:.77rem}
.messe .feature-grid,.messe .more-grid,.messe .footer-grid{grid-template-columns:1fr}
.messe .feature{padding:27px}
.messe .feature h3{min-height:0}
.messe .feature-no{margin-bottom:21px}
.messe .section-head{margin-bottom:32px}
.messe .feature-note{font-size:.78rem}
.messe .more-grid{gap:35px}
.messe .more-card h3{font-size:1.3rem}
.messe .copyright{flex-direction:column;gap:7px}
.messe .contact{padding-block:60px}
.messe .footer-grid{gap:30px}
.messe .milestone h3{font-size:1.8rem}
.messe .steps li{gap:10px;grid-template-columns:35px 1fr}}
@media(prefers-reduced-motion:reduce){.messe{scroll-behavior:auto}
.messe *{transition:none!important}}
@media print{.messe .announcement,.messe .header,.messe .actions,.messe .mobile-nav,.messe .hero-foot,.messe .footer-links{display:none}
.messe .section,.messe .contact{padding-block:28px}
.messe .hero{display:block;min-height:0}
.messe .hero-copy{padding:20px}
.messe .hero-visual{min-height:300px;break-inside:avoid}
.messe .feature,.messe .milestone,.messe .more-card,.messe details{break-inside:avoid}
.messe .launch,.messe .footer{color:#072f43;background:white}
.messe .launch p,.messe .milestone p,.messe .milestone strong,.messe .footer p,.messe .footer h3,.messe .footer-brand{color:#072f43}
.messe .wrap{width:100%}
.messe a{color:inherit}
.messe .hero h1{font-size:38px}}
/* Integration in die vorhandene index.php; keine zweite Landingpage. */
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:20px}
body{font-size:16px;background:white;font-family:Arial,Helvetica,sans-serif}
body p{font-size:16px;line-height:1.7}
body h1,body h2,body h3,body h4{font-family:Arial,Helvetica,sans-serif}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible{outline:3px solid #ad6400!important;outline-offset:4px}
.messe,.messe *{font-family:Arial,Helvetica,sans-serif}
.messe .header{position:relative;z-index:3}
.messe .nav{margin:0;padding:0}
.messe .btn{text-transform:none;letter-spacing:0;box-shadow:none;white-space:normal}
.messe p{margin:0}.messe p+p{margin-top:1rem}
.messe h1,.messe h2,.messe h3{color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.messe .hero-intro{margin:25px 0 29px!important}
.messe .hero-foot{margin-top:25px!important}
.messe .hero .eyebrow{margin-bottom:22px!important}
.messe .hero-visual p{color:white}
.messe .product-word{line-height:.95!important}
.messe .product-meta{line-height:1.6}
.messe .hero-visual .product-sub{line-height:1.5}
.messe .section-head h2{margin:14px 0 22px!important}
.messe .intro .eyebrow{margin-bottom:17px!important}
.messe .feature h3{margin-bottom:17px!important}
.messe .steps h3{margin-bottom:8px!important}
.messe .launch h2{margin:20px 0 24px!important;color:white}
.messe .milestone h3{margin:12px 0!important;color:white}
.messe .launch-intro{margin-bottom:30px!important}
.messe .feature-note{margin-top:25px!important}
.messe .faq-grid h2{margin-top:15px!important}
.messe a:hover,.messe a:focus{color:inherit}
.messe .btn:hover{color:white}.messe .btn-outline:hover,.messe .btn-light:hover{color:var(--ink)}
.messe .intro-copy p{font-size:1.12rem;color:var(--muted)}
.messe .launch-date{margin-top:17px!important}
.messe .faq details p{margin-top:16px!important}
.messe .product-word{font-size:clamp(5rem,9.8vw,9rem)}
.messe .product-sub{font-size:1.03rem}
.messe .feature p,.messe .steps p,.messe .milestone p,.messe .faq details p{font-size:.94rem}
.messe .eyebrow{font-size:.76rem;color:var(--blue)}
.messe .launch .eyebrow{color:var(--water)}
.messe .launch-intro,.messe .milestone p{color:#c4dbe5}
.messe .milestone-label{color:var(--water);font-size:.75rem}
.services-nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:24px;background:#eaf6fb;border-block:1px solid #cbdde5;font-weight:bold}
.services-nav a{color:#072f43}
#ampel.pad80,#personal.pad80{padding-top:60px;padding-bottom:50px}
#ampel .main-content{padding-top:0}
#personal .container>div{max-width:1100px;margin:auto}
#download h2:not(.section-title){margin-top:28px!important}
#download h3{font-size:21px;margin-top:12px!important}
#download .store-link{display:inline-block;padding:12px 20px;margin-top:18px;border:1px solid #007dac;color:#072f43;border-radius:5px}
#contact{background:#edf7fb;padding-bottom:70px}
#contact .contact-direct{text-align:center;margin-bottom:30px}
#contact .contact-direct a{color:#006083;font-weight:bold}
#contact label{display:block;text-align:left;font-size:14px;color:#072f43;margin-bottom:5px}
#contact .form-control{font-size:16px;margin-bottom:18px}
#contact .contact-help{font-size:14px;color:#4b6571}
#contact .hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#main-footer .copyright p{font-size:13px}
#main-footer .footer-top .about img{height:130px;width:auto;margin-bottom:15px}
#datenschutz{padding:36px 0;background:#f4f8fa}
#datenschutz summary{cursor:pointer;font-weight:bold;font-size:17px}
#datenschutz p{margin-top:15px;font-size:15px}
@media(max-width:800px){.messe .header .nav{display:none}.messe .product-word{font-size:6.8rem}#ampel h2.section-title,#personal h2.section-title{font-size:28px}.ampel-download-actions .btn{white-space:normal}}
@media(max-width:480px){.messe .product-word{font-size:6rem}.messe .hero-intro{font-size:1rem}.messe .intro-copy p{font-size:1rem}.messe .hero .eyebrow{font-size:.69rem}.services-nav{gap:14px;font-size:14px}#main-footer .col-xs-6{width:100%}#download h2.section-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-v25-latin-700.woff2') format('woff2')}
.messe .nav:before,.messe .nav:after{display:none}

/* Originales dibeta-Branding und drei Produktansichten zur interbad. */
.messe .dibeta-header-brand{width:218px;max-width:100%}
.messe .dibeta-header-brand img{width:100%;height:auto}
.messe .hero-visual:after{background:linear-gradient(180deg,rgba(3,36,53,.45),rgba(3,36,53,.65) 45%,rgba(3,36,53,.96))}
.messe .hero-branding{width:100%;margin-top:35px}
.messe .dibeta-hero-logo{width:min(100%,440px);height:auto}
.messe .dibeta-hero-slogan{width:min(76%,250px);height:auto;margin:25px 0 0}
.messe .dibeta-launch-logo{width:min(100%,280px);height:auto;margin-bottom:30px}
.messe .product-showcase{background:linear-gradient(180deg,#fff 0%,#f1f8fc 100%);border-bottom:1px solid var(--line)}
.messe .showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:65px;margin-bottom:60px}
.messe .showcase-heading .section-head{max-width:670px;margin:0}
.messe .showcase-brand{flex:0 1 280px;min-width:200px;padding-left:30px;border-left:1px solid var(--line)}
.messe .showcase-brand img{width:100%;height:auto}
.messe .showcase-brand p{margin-top:15px;font-size:.84rem;color:var(--muted)}
.messe .showcase-list{display:grid;gap:76px}
.messe .showcase-row{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.55fr);align-items:center;gap:42px}
.messe .showcase-row-reverse{grid-template-columns:minmax(0,1.55fr) minmax(0,.78fr)}
.messe .showcase-row-reverse .showcase-copy{grid-column:2;grid-row:1}
.messe .showcase-row-reverse .showcase-figure{grid-column:1;grid-row:1}
.messe .showcase-copy{min-width:0}
.messe .showcase-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.09em}
.messe .showcase-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border:1px solid #acd9e9;border-radius:50%;font-size:.73rem;background:white}
.messe .showcase-copy h3{font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.16;margin:19px 0 20px}
.messe .showcase-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.8;color:var(--muted)}
.messe .showcase-benefits{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}
.messe .showcase-benefits li{position:relative;padding-left:19px;color:var(--ink);font-size:.81rem;line-height:1.6}
.messe .showcase-benefits li:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.messe .showcase-figure{min-width:0;margin:0;padding:12px 12px 0;background:#e5f1f7;border:1px solid #cbdfe9;border-radius:13px;box-shadow:0 20px 42px -25px #072f4360}
.messe .showcase-image-link{display:block;background:white;border:1px solid #cfdee7;border-radius:7px;overflow:hidden;color:var(--ink);text-decoration:none}
.messe .showcase-image-link img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.messe .showcase-enlarge{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 15px;border-top:1px solid #dce9ef;font-size:.76rem;font-weight:700;transition:background .18s}
.messe .showcase-enlarge>span{font-size:1.2rem;line-height:1}
.messe .showcase-image-link:hover .showcase-enlarge{background:#eaf6fb;color:#005f86}
.messe .showcase-figure figcaption{padding:12px 2px;color:#425f6e;font-size:.72rem;line-height:1.6}
.messe .showcase-figure figcaption>span{margin-inline:5px}
.messe .showcase-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:35px;margin-top:60px}
.messe .showcase-contact p{font-size:.94rem;color:var(--muted)}
.messe .showcase-contact strong{color:var(--ink);font-size:1.1rem}
.messe .showcase-contact .btn{flex-shrink:0}
@media(max-width:1100px){.messe .dibeta-header-brand{width:195px}.messe .showcase-row,.messe .showcase-row-reverse{gap:28px}.messe .showcase-heading{gap:35px}.messe .showcase-brand{flex-basis:245px}}
@media(max-width:900px){.messe .showcase-row,.messe .showcase-row-reverse{grid-template-columns:minmax(0,1fr);gap:27px}.messe .showcase-row-reverse .showcase-copy,.messe .showcase-row-reverse .showcase-figure{grid-column:auto;grid-row:auto}.messe .showcase-copy{max-width:680px}.messe .showcase-copy h3{font-size:2rem}.messe .showcase-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.messe .showcase-list{gap:58px}.messe .showcase-heading{align-items:flex-start}.messe .showcase-brand{flex-basis:200px;min-width:160px;padding-left:22px}.messe .dibeta-hero-slogan{width:min(76%,225px)}}
@media(max-width:800px){.messe .dibeta-hero-logo{width:min(100%,390px)}.messe .dibeta-hero-slogan{width:min(76%,245px)}}
@media(max-width:600px){.messe .showcase-heading{display:block;margin-bottom:38px}.messe .showcase-brand{width:220px;margin-top:28px;border-left:0;padding-left:0}.messe .showcase-benefits{grid-template-columns:minmax(0,1fr);gap:9px}.messe .showcase-contact{align-items:flex-start;flex-direction:column}.messe .showcase-figure{padding:7px 7px 0;border-radius:9px}.messe .showcase-figure figcaption{font-size:.68rem}.messe .showcase-contact{margin-top:42px}.messe .showcase-list{gap:48px}}
@media(max-width:480px){.messe .dibeta-header-brand{width:174px}.messe .dibeta-hero-logo{width:min(100%,330px)}.messe .dibeta-hero-slogan{width:min(76%,215px)}.messe .dibeta-launch-logo{width:230px}.messe .showcase-copy h3{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.messe .showcase-enlarge{transition:none}}
@media print{.messe .showcase-row,.messe .showcase-row-reverse{display:block;break-inside:avoid}.messe .showcase-copy{margin-bottom:15px}.messe .showcase-figure{box-shadow:none}.messe .showcase-enlarge,.messe .showcase-contact{display:none}.messe .dibeta-launch-logo{background:#072f43;padding:10px}}

@media(min-width:801px) and (max-width:900px){
.messe .header .nav{display:none}
.messe .mobile-nav{display:block;position:relative}
.messe .mobile-nav summary{cursor:pointer;border:1px solid var(--line);border-radius:4px;padding:9px 15px;font-size:.85rem;font-weight:700}
.messe .mobile-nav nav{position:absolute;right:0;top:55px;width:230px;background:white;border:1px solid var(--line);padding:14px 22px;z-index:5;box-shadow:0 12px 24px #072f431a}
.messe .mobile-nav a{display:block;padding:10px 0;text-decoration:none;font-size:.94rem}
}