/* A+: clear hierarchy, original brand and a shared signet contour. */
.aplus .reveal{opacity:1;transform:none;transition:none}
.aplus .link::after{content:none;display:none}
.aplus .btn,.aplus .nav-cta{justify-content:center;text-align:center;padding-inline:32px}
.aplus .link-row{align-items:center}
.aplus .link-row .link{text-align:center}
.aplus .localnav{height:auto}
.aplus .localnav .localnav-in{display:flex;align-items:center;padding-block:14px;gap:24px}
.aplus .localnav .localnav-title{margin:0;font-size:16px}
.aplus .localnav .localnav-links{display:flex;margin:0 0 0 auto;gap:24px;overflow-x:auto;scrollbar-width:none;min-width:0}
.aplus .chapter{padding-block:72px}
.aplus .chapter-head{text-align:left;max-width:none;margin-bottom:36px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.aplus .chapter-head .t-intro{margin:0;font-size:17px;line-height:1.6}
.aplus .stage{padding-top:58px}
.aplus .stage .t-sub{max-width:790px;margin-inline:auto}
.aplus .cta-band{padding-block:52px}
.aplus .hero-product{max-width:1040px;width:100%;margin-top:36px}
.showcase{margin:0;width:100%}
.showcase-screen{position:relative;aspect-ratio:16/9;border:1px solid #7F9F9F;border-radius:0 0 36px 0;overflow:hidden;background:#2b2b2b;isolation:isolate}
.showcase-frame,.showcase-poster{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.showcase-frame{opacity:0;pointer-events:none}
.showcase-poster img{width:100%;height:100%;object-fit:cover}
.showcase-screen.is-ready .showcase-frame{opacity:1}
.showcase-screen.is-ready .showcase-poster{visibility:hidden}
.showcase figcaption{font-size:11px;color:#7F9F9F;text-align:right;margin-top:10px}
.lunea-page .showcase figcaption{color:#7F9F9F}
.lunea-page .stage-media:has(.showcase){max-width:1040px;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.home-promises{background:#2b2b2b;color:#fff;padding:48px 0 56px}
.home-promises .section-heading h2{font-size:32px}
.home-promises .section-heading h2 span{color:#7F9F9F}
.promise-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.promise-grid li{border-top:1px solid #7F9F9F;padding-top:18px}
.promise-grid .num{font-size:12px;color:#7F9F9F}
.promise-grid h3{font-size:20px;line-height:1.3;margin-top:16px;font-weight:500}
.promise-grid p{color:#7F9F9F;font-size:14px;line-height:1.55;margin-top:12px}
.promises-link{color:#7F9F9F!important;font-size:13px;margin-top:28px}
.aplus .product-image.grouper-widget{height:auto;margin:0 24px 24px;border:0;overflow:visible}
.grouper-widget .hs-window{width:100%;border-radius:var(--radius-lg)}
.grouper-widget .hs-screen{aspect-ratio:16/9}
.home-clinic-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px}
.home-clinic-tiles .tile.photo{min-height:510px}
.home-contact .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:32px 36px 48px}
.contact-form>.form-field{min-width:0}
.contact-form>:not(.form-field),.contact-form>.form-field-wide{grid-column:1/-1}
.home-contact .contact-form label{margin:0 0 8px}
.home-contact .contact-form input:not([type=checkbox]),.home-contact .contact-form select{padding-right:30px}
.home-contact .contact-form .consent{margin-top:0}
.home-contact .contact-form .btn-primary{margin:4px 0 0}
.aplus .partner-section{padding-block:42px}
.cert-summary{display:grid;grid-template-columns:1fr 230px;gap:64px;align-items:center}
.cert-summary h2{font-size:32px;letter-spacing:-.03em;margin-bottom:18px}
.cert-summary p{color:var(--text-soft);line-height:1.65;max-width:750px}
.cert-summary .cert-figure{margin:0;max-width:230px}
.certification-section{border-top:1px solid var(--border)}
.certificate-details,.source-details,.brand-details{margin-top:32px;border-top:1px solid var(--border);padding-top:22px}
summary{cursor:pointer;font-size:16px;font-weight:500;padding-right:20px}
.certificate-details>p{margin-top:24px;max-width:850px}
.certificate-details .certs,.source-details .cols-4,.brand-details .letters{margin-top:28px}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.value-rows{display:grid;gap:0;list-style:none;padding:0}
.value-rows>li{border-top:1px solid var(--border);padding:24px 0}
.about-hero{background:#2b2b2b;color:white;padding:72px 0 0}
.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end}
.about-intro h1{font-size:clamp(38px,4.6vw,64px);line-height:1.1;letter-spacing:-.045em;font-weight:500}
.about-intro h1 span{color:#7F9F9F}
.about-intro p{font-size:19px;line-height:1.6;color:#7F9F9F;max-width:440px}
.about-intro .btn{margin-top:26px;background:#7F9F9F;color:#212121}
.founder-names{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:36px 0;margin-top:54px;border-top:1px solid #7F9F9F}
.founder-names a{font-size:19px;color:white}
.founder-names span{display:block;font-size:12px;color:#7F9F9F;margin-top:6px}
.founder-profile{display:grid;grid-template-columns:128px 1fr 1.4fr;gap:36px;align-items:start;border-top:1px solid var(--border);padding:38px 0;scroll-margin-top:140px}
.founder-monogram{background:#7F9F9F;width:128px;height:146px;display:grid;place-items:center;font:500 40px var(--font-head);color:#7F9F9F;border-radius:var(--radius-lg)}
.founder-profile:nth-of-type(2) .founder-monogram{background:#7F9F9F;color:white}
.founder-profile:nth-of-type(3) .founder-monogram{background:#2b2b2b;color:#7F9F9F}
.founder-name h3{font-size:32px;line-height:1.15;letter-spacing:-.025em;font-weight:500}
.founder-name p{font-size:13px;margin-top:12px}
.founder-name span{font-size:12px;color:#7F9F9F;display:block;margin-top:6px}
.founder-bio p{font-size:16px;line-height:1.7;margin:0 0 14px;color:var(--text-soft)}
.about-values{background:#2b2b2b;color:white}
.about-values .t-intro{color:#7F9F9F}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.principles>div{border-top:1px solid #7F9F9F;padding-top:18px}
.principles dt{font:500 24px var(--font-head);color:#7F9F9F}
.principles dd{margin:14px 0 0;font-size:15px;color:#7F9F9F;line-height:1.6}
.about-story .split{gap:60px}
.about-story .split p{margin-bottom:18px}
.aplus footer{--w-content:1200px}
@media(max-width:1000px){
.promise-grid{grid-template-columns:repeat(3,1fr)}
.ecosystem-grid{grid-template-columns:repeat(2,1fr)}
.founder-profile{grid-template-columns:90px 1fr 1.3fr;gap:24px}
.founder-monogram{width:90px;height:110px;font-size:30px}
.about-intro{gap:32px}
.home-contact .contact-form{padding:24px 24px 40px}
}
@media(max-width:768px){
.aplus .localnav .localnav-in{display:block;padding-block:10px}
.aplus .localnav .localnav-links{margin-top:9px;gap:20px;padding-bottom:2px}
.aplus .localnav .localnav-title{font-size:14px}
.aplus .chapter{padding-block:48px}
.aplus .chapter-head{display:block;margin-bottom:28px}
.aplus .chapter-head .t-intro{margin-top:20px;font-size:16px}
.aplus .stage{padding-top:40px}
.showcase-screen{aspect-ratio:4/5}
.home-promises{padding-top:32px}
.promise-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.promise-grid li:last-child{grid-column:1/-1}
.home-clinic-tiles{grid-template-columns:1fr;margin-top:44px}
.home-clinic-tiles .tile.photo{min-height:480px}
.cert-summary{grid-template-columns:1fr;gap:24px}
.cert-summary .cert-figure{max-width:180px}
.about-hero{padding-top:40px}
.about-intro{grid-template-columns:1fr;gap:28px}
.about-intro p{font-size:17px}
.founder-names{gap:18px;margin-top:32px;padding-block:24px}
.founder-names a{font-size:15px}
.founder-names span{font-size:10px}
.founder-profile{grid-template-columns:80px 1fr;gap:22px;padding-block:28px}
.founder-monogram{width:80px;height:100px}
.founder-name h3{font-size:28px}
.founder-bio{grid-column:1/-1}
.principles{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media(max-width:480px){
.aplus .btn,.aplus .nav-cta{padding-inline:28px}
.home-contact .contact-form{grid-template-columns:1fr;padding:24px 22px 42px}
.promise-grid h3{font-size:18px}
.promise-grid p{font-size:13px}
.ecosystem-grid,.principles{grid-template-columns:1fr}
.home-promises .section-heading h2{font-size:29px}
.about-intro h1{font-size:36px}
}
.home-promises h2,.home-promises h3{color:#fff}
.about-values h2{color:#fff}
.about-intro h1{color:#fff}

@media(max-width:560px){.showcase-screen{border-radius:0 0 24px 0}}

/* Hero actions: original chevron motion and booking beneath the preview. */
.aplus .hero-actions{justify-content:center}
.aplus .hero-discover::after{content:"\203A";display:inline-block;font-size:1.25em;line-height:1;transform:translateY(-1px);transition:transform var(--t-hover) var(--ease)}
.aplus .hero-discover:hover::after,.aplus .hero-discover:focus-visible::after{transform:translate(3px,-1px)}
.hero-booking{display:flex;justify-content:flex-end;margin-top:20px}
.hero-booking .btn-primary{background:#7F9F9F;border-color:#7F9F9F;color:#212121;padding-block:13px}
.hero-booking .btn-primary:hover{background:#fff;border-color:#fff}
/* Neutral type on solid brand-green surfaces. */
.aplus .btn-primary,.aplus .btn-primary:hover{color:#212121}
.card-connect .feature-copy p,.card-connect .feature-copy .link,
.card-models .feature-copy p,.card-models .feature-copy .link,
.product-grouper .product-copy p,.product-grouper .product-copy .link,
.founder-monogram,.aplus .tint .link,.aplus .green .link{color:#212121}
.aplus .ec-rowicon,.aplus .mc:not([data-cat="daten"]) .mc-tag,
.aplus .tile.petrol .t-tile,.aplus .tile.petrol .t-sub,
.aplus .tile.petrol .eyebrow,.aplus .tile.petrol .link{color:#212121}
/* Shared brand states and original button corners. */
:root{--fh-primary-hover:#6B8E8E;--accent-text-strong:#6B8E8E}
.aplus .btn{border-radius:var(--radius)}
.aplus .nav-cta{background:#7F9F9F;border-color:#7F9F9F;color:#000;border-radius:var(--radius-sm)}
.aplus .btn-primary{background:#7F9F9F;border-color:#7F9F9F;color:#000}
.aplus .btn-primary:hover,.aplus .btn-primary:focus-visible,
.aplus .nav-cta:hover,.aplus .nav-cta:focus-visible{background:#6B8E8E;border-color:#6B8E8E;color:#000}
.aplus .link:hover,.aplus .link:focus-visible{color:#6B8E8E}
.aplus .hs-shot,.aplus .hs-slides img,.aplus .library-image,
.aplus .showcase-poster img,.aplus .hs-poster img,.aplus .concept-shot,
.aplus .product-image>img{filter:url(#widget-brand-green)}
/* Homepage preview spans the same grid as the content below. */
:is(.home-page, .lunea-demo-section) .hero-layout{max-width:1280px}
:is(.home-page, .lunea-demo-section) .hero-product{max-width:none;margin-top:72px}
@media(min-width:769px){
  :is(.home-page, .lunea-demo-section) .showcase-screen{aspect-ratio:auto;height:585px;background:#efefef}
  :is(.home-page, .lunea-demo-section) .showcase-poster{max-width:1040px;left:50%;right:auto;transform:translateX(-50%)}
  :is(.home-page, .lunea-demo-section) .showcase-poster img{object-fit:contain}
}

/* Reuse the former 20px widget-to-button gap above the values block. */
:is(.home-page, .lunea-demo-section) .design-hero{padding-top:76px;padding-bottom:0}
:is(.home-page, .lunea-demo-section) .home-promises{padding-top:40px}
.home-promises .hero-booking{margin-top:24px}

/* Compact partner rail, aligned with the content and fading inside its edges. */
.aplus .partner-section{padding-block:24px}
.partner-section .logo-band{padding-block:0}
.partner-section .logo-band-title{margin-bottom:12px}
.partner-section .logo-band-track{--fade:clamp(32px,7vw,96px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%)}
.partner-section .logo-band-track::before,.partner-section .logo-band-track::after{display:none}

/* Requested pale background for the knowledge tile. */
:is(.home-page, .lunea-demo-section) .card-connect{background:#E9F0F0}

/* Knowledge tile chat field mirrors the assistant input. */
:is(.home-page, .lunea-demo-section) .card-connect .ec-inputbar{background:#E0E0E0;border:0;padding:0;gap:12px;min-height:46px;border-radius:0 0 18px 0}
:is(.home-page, .lunea-demo-section) .card-connect .ec-attach{display:flex;align-items:center;justify-content:center;flex:0 0 20px;margin-left:16px;color:#999}
:is(.home-page, .lunea-demo-section) .card-connect .ec-attach svg{width:20px;height:20px}
:is(.home-page, .lunea-demo-section) .card-connect .ec-inputbar .ec-type{color:#999;font-size:13px}
:is(.home-page, .lunea-demo-section) .card-connect .ec-inputbar .ec-send{width:46px;height:46px;align-self:stretch;background:#7F9F9F;border-radius:0 0 18px 0}
:is(.home-page, .lunea-demo-section) .card-connect .ec-send svg{width:20px;height:20px}

/* Both navigation rows share the logo edge and first menu-item edge. */
.aplus .localnav .localnav-in{max-width:1376px}
@media(min-width:1025px){
  .aplus .localnav .localnav-in{display:grid;grid-template-columns:var(--submenu-start,330px) minmax(0,1fr);gap:0;justify-content:initial}
  .aplus .localnav .localnav-links{margin:0;justify-content:flex-start}
}

/* Use the same explicit grid column in both rows, including before JS loads. */
@media(min-width:1025px){
  .aplus{--navigation-label-column:clamp(140px,calc(140px + (100vw - 1024px)*.5),330px)}
  .aplus .nav{display:grid;grid-template-columns:var(--navigation-label-column) minmax(0,1fr) auto;gap:0}
  .aplus .nav-menu{justify-content:flex-start}
  .aplus .nav-cta{justify-self:end}
  .aplus .localnav .localnav-in{grid-template-columns:var(--navigation-label-column) minmax(0,1fr)}
}
/* One typeface for both navigation levels, including the lunéa labels. */
.aplus .nav-menu a,.aplus .nav-cta{font-family:var(--font-body)}
.aplus .nav-menu a .wm{font:inherit}
.aplus .nav-menu a[aria-current="page"]{font-weight:700}
.aplus .localnav .localnav-title,.aplus .localnav .localnav-links a{font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.2px}
.aplus .localnav .wm{font:inherit}

/* Readable concept preview using the homepage assistant's visual language. */
.lunea-page .split.split-cs{margin-top:48px}
.concept-widget{display:block;width:100%;height:730px;border:1px solid #d5d5d5;border-radius:0 0 18px 0;background:#efefef}
/* Shared disclosure menu, inspired by the supplied motion reference. */
.aplus.mega-ready .localnav{display:none}
.aplus.mega-ready .nav-wrap{border-bottom:0;background:#fff}
.mega-panel{position:absolute;top:100%;left:0;width:100%;display:grid;grid-template-rows:0fr;background:#fff;visibility:hidden;transition:grid-template-rows .24s cubic-bezier(.2,.7,.2,1),visibility 0s .24s;z-index:1}
.mega-clip{min-height:0;overflow:hidden}
.mega-content{max-width:1376px;margin:auto;padding:26px var(--gutter) 42px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto}
.mega-columns{display:grid;grid-template-columns:minmax(280px,430px) minmax(170px,240px);gap:64px;margin-left:var(--navigation-label-column,0px)}
.mega-heading{font:400 12px/1.4 var(--font-body);color:#777;margin-bottom:18px}
.mega-links,.mega-actions{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.mega-links a{font:700 22px/1.3 var(--font-body);letter-spacing:-.35px;color:#212121;display:inline-block;padding:2px 0}
.mega-actions{gap:12px}
.mega-actions a{font:700 14px/1.4 var(--font-body);color:#212121;display:inline-block;padding:2px 0}
.mega-links a:hover,.mega-actions a:hover{color:#6B8E8E;text-decoration:none}
.mega-links a:focus-visible,.mega-actions a:focus-visible,.mega-back:focus-visible{outline:2px solid #566F6F;outline-offset:5px;border-radius:0 0 6px 0}
.mega-back{display:none}
.mega-backdrop{position:fixed;inset:var(--nav-h) 0 0;z-index:295;background:rgba(255,255,255,.12);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}
.mega-open .mega-panel{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.mega-open .mega-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.mega-open .mega-enter{animation:mega-entry .2s ease both;animation-delay:var(--entry-delay,0ms)}
@keyframes mega-entry{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
.aplus .nav-menu a[aria-expanded="true"]{color:#6B8E8E}
@media(max-width:1024px){
  .mega-content{padding:18px var(--gutter) 36px}
  .mega-columns{margin-left:0;grid-template-columns:1fr;gap:30px}
  .mega-heading{margin-bottom:12px}
  .mega-links a{font-size:22px}
  .mega-back{display:block;margin-bottom:22px;font:500 14px var(--font-body);color:#5c5c5c;background:none;border:0;padding:8px 0;cursor:pointer}
  .mega-open .nav-menu{display:none!important}
}
@media(prefers-reduced-motion:reduce){.mega-panel,.mega-backdrop{transition:none}.mega-open .mega-enter{animation:none}}
.mega-links a,.mega-actions a{text-decoration:none}

/* Lighter main navigation and slightly smaller discovery links. */
.aplus .nav-menu a[aria-current="page"]{font-weight:400}
.mega-links a{font-size:18px;font-weight:500}

@media(min-width:1025px){
  .mega-columns{column-gap:32px;grid-template-columns:calc(var(--contact-column-start,332px) - 32px) minmax(170px,1fr)}
}

.mega-actions a{font-weight:400}

@media(min-width:1025px){.aplus .nav-menu{gap:calc(clamp(14px,2.4vw,34px) + 25px)}}

@font-face{font-family:"Material Language";font-style:normal;font-weight:300;font-display:block;src:url("assets/material-language-300.ttf") format("truetype")}
.nav-language{width:36px;height:36px;display:flex;align-items:center;justify-content:center;justify-self:end;color:#212121;flex-shrink:0}
.material-language{font-family:"Material Language";font-size:24px;font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
@media(max-width:1024px){.nav-language{margin-left:auto}}

.aplus .nav-menu a[href="index.html#kontakt"]{color:#000}
.aplus .nav-menu a[href="index.html#kontakt"]:hover{color:#6B8E8E}

/* Gray default text in the main navigation. */
.aplus .nav-menu a,.aplus .nav-menu a[aria-current="page"],.aplus .nav-menu a[href="index.html#kontakt"]{color:#777777}
.aplus .nav-menu a:hover,.aplus .nav-menu a:focus-visible,.aplus .nav-menu a[aria-expanded="true"]{color:#6B8E8E}

/* Atlas: show the complete slideshow at the card's width, without a fixed-height crop. */
:is(.home-page, .lunea-demo-section) .product-atlas{background:#E0E0E0}
:is(.home-page, .lunea-demo-section) .product-atlas .product-image{height:auto;margin:0 32px 32px;border:1px solid #CCD1D1;border-radius:var(--radius-lg)}
:is(.home-page, .lunea-demo-section) .product-atlas .hs-slides{aspect-ratio:1600/826}
:is(.home-page, .lunea-demo-section) .product-atlas .hs-slides img{object-fit:contain}
@media(max-width:820px){:is(.home-page, .lunea-demo-section) .product-atlas .product-image{margin:0 24px 24px}}

/* The two product previews share a frame size and aligned edges. */
:is(.home-page, .lunea-demo-section) .product-grid .product-card{display:flex;flex-direction:column}
:is(.home-page, .lunea-demo-section) .product-grid .product-image{margin-top:auto}
:is(.home-page, .lunea-demo-section) .product-grouper .product-image.grouper-widget{margin: auto 32px 32px}
:is(.home-page, .lunea-demo-section) .product-grouper .hs-screen{
  aspect-ratio:1600/826;
  --preview-width:calc((100cqw * 826 / 1600 - 30px) * 1600 / 901);
}
:is(.home-page, .lunea-demo-section) .product-grouper .hs-shot:not(.hs-drawer){
  width:var(--preview-width);height:auto;left:calc((100% - var(--preview-width)) / 2);
}
:is(.home-page, .lunea-demo-section) .product-grouper .hs-shot.hs-drawer{
  inset:calc(30px + var(--preview-width) * .114375) auto auto calc((100% - var(--preview-width)) / 2 + var(--preview-width) * .028125);
  width:calc(var(--preview-width) * .971);
}
:is(.home-page, .lunea-demo-section) .product-atlas .product-copy,
:is(.home-page, .lunea-demo-section) .product-atlas .product-copy h3,
:is(.home-page, .lunea-demo-section) .product-atlas .product-copy p,
:is(.home-page, .lunea-demo-section) .product-atlas .product-copy .link{color:#000}
:is(.home-page, .lunea-demo-section) .product-atlas .product-copy .link:hover{color:#6B8E8E}
@media(max-width:820px){:is(.home-page, .lunea-demo-section) .product-grouper .product-image.grouper-widget{margin: auto 24px 24px}}

/* Do not flash a completed example while the live hero initializes. */
html:not(.no-js) .showcase-screen:not(.is-ready){background:#EFEFEF}
html:not(.no-js) .showcase-screen:not(.is-ready) .showcase-poster{visibility:hidden}

/* Both photo tiles use the same typography, independent of their background. */
.home-clinic-tiles .t-tile{font-family:var(--font-head);font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.25;letter-spacing:normal}
.home-clinic-tiles .t-sub{font-family:var(--font-body);font-size:clamp(17px,1.4vw,19px);font-weight:400;line-height:1.55;letter-spacing:normal}
.home-clinic-tiles .link{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);font-weight:500;line-height:1.6;letter-spacing:normal}

/* Give the contact form the additional content width and consistent controls. */
@media(min-width:821px){.home-contact .contact{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
.home-contact .contact-form input:not([type=checkbox]):not([type=hidden]),
.home-contact .contact-form select{min-height:46px;line-height:1.4}
.home-contact .contact-form input:not([type=checkbox]){padding-inline:14px}
.home-contact .contact-form select{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  padding:11px 48px 11px 14px;
  background-image:url('assets/select-chevron.svg');background-repeat:no-repeat;
  background-position:right 16px center;background-size:20px 20px;
}
.home-contact .contact-form textarea{display:block;resize:vertical;min-height:128px;line-height:1.5}
.home-contact .consent input{flex:0 0 16px;width:16px;height:16px;margin-top:2px}
.home-contact .consent label{min-width:0}

/* Value-based controls for the homepage demonstration. */
/* Five connected steps, with direct access to each example. */
.hero-value-controls{position:relative;display:flex;gap:0;padding-top:6px;margin:0 0 22px;text-align:center}
.hero-value-controls button{position:relative;isolation:isolate;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px 8px;border:0;border-radius:0;font:500 13px/1.4 var(--font-body);color:#BDBDBD;background:transparent;cursor:pointer}
.hero-value-controls button:not(:last-child)::after{content:"";position:absolute;top:20px;left:calc(50% + 28px);width:calc(100% - 56px);height:1px;background:#626C6C;z-index:-1}
.hero-step-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid #7F9F9F;border-radius:50%;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#A9BDBD;background:#2B2B2B;transition:background-color .2s,color .2s,box-shadow .2s}
.hero-step-label{max-width:190px;transition:color .2s}
.hero-value-controls button[aria-pressed="true"]{color:#fff}
.hero-value-controls button[aria-pressed="true"] .hero-step-number{background:#7F9F9F;color:#000;box-shadow:0 0 0 4px rgba(127,159,159,.15)}
.hero-value-controls button:hover .hero-step-number{background:#6B8E8E;color:#000}
.hero-value-controls button:hover .hero-step-label{color:#fff}
.hero-value-controls button:focus-visible{outline:none}
.hero-value-controls button:focus-visible .hero-step-number{outline:2px solid #fff;outline-offset:5px}
@media(max-width:820px){
 .hero-value-controls{overflow-x:auto;padding:6px 0 10px;margin:0 0 14px;scrollbar-width:thin;scrollbar-color:#7F9F9F transparent}
 .hero-value-controls button{flex:0 0 160px;font-size:12px;gap:10px}
 .hero-step-label{max-width:145px}
}
/* The hero's embedded stage can be read and scrolled as well as played. */
:is(.home-page, .lunea-demo-section) .showcase-screen.is-ready .showcase-frame{pointer-events:auto}
@media(max-width:768px){:is(.home-page, .lunea-demo-section) .showcase-screen{height:620px;aspect-ratio:auto}}
/* Hero → connected value steps → closing statement and discover link. */
.home-promises .hero-value-controls{gap:24px;margin:0;padding:6px 0 0;overflow:visible}
.home-promises .hero-value-controls button{align-items:flex-start;text-align:left;padding:0;gap:0;font-weight:400}
.home-promises .hero-value-controls button:not(:last-child)::after{left:56px;width:calc(100% - 48px);background:#626C6C}
.home-promises .hero-step-label{width:100%;text-align:left;margin-top:20px;max-width:none;min-height:52px;font-size:20px;line-height:1.3;font-weight:500;color:#fff}
.home-promises .hero-step-description{display:block;width:100%;text-align:left;hyphens:none;margin-top:12px;font-size:14px;line-height:1.55;color:#7F9F9F;font-weight:400}
.home-promises .hero-value-controls button:hover .hero-step-label{color:#7F9F9F}
.home-promises .promise-closing{display:flex;flex-direction:column;margin:72px 0 0;align-items:stretch;gap:24px}
.home-promises .promise-closing .hero-actions{margin:0;flex-shrink:0;align-self:center}
.hero-mobile-promise{display:none}
@media(max-width:820px){
 .home-promises .hero-value-controls{gap:0;width:100%;padding:6px 0}
 .home-promises .hero-value-controls button{flex:1;min-width:0;align-items:center;padding:0}
 .home-promises .hero-value-controls button:not(:last-child)::after{left:calc(50% + 25px);width:calc(100% - 50px)}
 .home-promises .hero-step-label,.home-promises .hero-step-description{display:none}
 .hero-mobile-promise{display:block;min-height:138px;margin-top:24px}
 .hero-mobile-promise h3{text-align:left;font-size:22px;line-height:1.3;font-weight:500;color:#fff;margin:0}
 .hero-mobile-promise p{font-size:15px;line-height:1.55;color:#7F9F9F;margin:12px 0 0;text-align:left;hyphens:none}
 .home-promises .promise-closing{display:flex;margin-top:44px;gap:24px}
}
@media(max-width:560px){
 .home-promises .promise-closing{align-items:center;flex-direction:column}
 .home-promises .promise-closing h2{text-align:center}
 .home-promises .promise-closing h2{font-size:29px}
 :is(.home-page, .lunea-demo-section) .hero-subheadline .desktop-break{display:none}
}
@media(max-width:820px){.home-promises .hero-value-controls button:not(:last-child)::after{width:calc(100% - 50px)}}
@media(max-width:768px){:is(.home-page, .lunea-demo-section) .showcase-screen{height:clamp(460px,65svh,580px)}}
@media(min-width:821px) and (max-width:1100px){.home-promises .hero-step-label{min-height:78px}}

/* Softer glow around the hero wordmark. */
:is(.home-page, .lunea-demo-section) .hero-brand .wm{text-shadow:0 0 16px rgba(127,159,159,.35),0 0 40px rgba(127,159,159,.2),0 0 72px rgba(127,159,159,.1)}

/* Center the discover link on the closing statement’s second baseline. */
@media(min-width:960px){
 .home-promises .promise-closing{display:grid;grid-template-columns:1fr auto 1fr;align-items:last baseline;column-gap:0}
 .home-promises .promise-closing h2{grid-column:1 / -1;grid-row:1;pointer-events:none}
 .home-promises .promise-closing .hero-actions{grid-column:2;grid-row:1;align-self:last baseline;justify-self:center}
}

.home-promises .hero-discover{font-weight:400}

:is(.home-page, .lunea-demo-section) .hero-subheadline{font-weight:400}

:is(.home-page, .lunea-demo-section) .hero-brand{font-size:clamp(68px,7.2vw,100px)}
@media(max-width:768px){:is(.home-page, .lunea-demo-section) .hero-brand{font-size:72px}}

.home-promises .promise-closing h2{width:100%;text-align:right}

/* Keep corners restrained inside the compact workflow preview. */
.aplus .ec-canvas{--radius:0 0 6px 0;--radius-sm:0 0 3px 0}

/* Compact FAQ rows; native details also work when the page is opened locally. */
.lunea-page .faq-accordion{max-width:960px;margin:0 auto;border-top:1px solid var(--border)}
.lunea-page .faq-accordion details{border-bottom:1px solid var(--border)}
.lunea-page .faq-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:24px 0;font:600 19px/1.4 var(--font-head);letter-spacing:-.01em;color:var(--text);cursor:pointer}
.lunea-page .faq-accordion summary::-webkit-details-marker{display:none}
.lunea-page .faq-accordion summary::after{content:"";width:10px;height:10px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 6px 5px 0;color:var(--accent-text)}
.lunea-page .faq-accordion details[open]>summary::after{transform:rotate(225deg);margin-top:8px}
.lunea-page .faq-accordion summary:hover{color:var(--fh-primary-hover)}
.lunea-page .faq-accordion summary:focus-visible{outline:2px solid var(--fh-primary-hover);outline-offset:4px}
.lunea-page .faq-answer{max-width:850px;padding:0 36px 26px 0;font-size:16px;line-height:1.65;color:var(--text-soft)}
.lunea-page .faq-answer a{font-weight:500}
@media(max-width:560px){.lunea-page .faq-accordion summary{font-size:17px;padding:20px 0;gap:16px}.lunea-page .faq-answer{padding-right:0}}

/* The growth staircase now introduces lunéa before the interactive examples. */
.lunea-page .lunea-growth{padding-bottom:72px}
.lunea-growth .growth-steps{margin-top:56px}
.lunea-growth .stairs{gap:14px;text-align:left;scroll-margin-top:100px}
.lunea-growth .stairs li{background:#efefef;border-color:#d5d5d5;padding:24px 20px}
.lunea-growth .stairs li:nth-child(3){background:#E9F0F0}
.lunea-growth .stairs h3{color:#212121;font-size:19px;hyphens:manual;overflow-wrap:break-word}
.lunea-growth .stairs p{color:#3a3a3a;hyphens:none}
.lunea-growth .stairs .num{color:#6B8E8E}
@media(max-width:1000px){.lunea-growth .stairs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.lunea-growth .stairs li:last-child{grid-column:1/-1}}
@media(max-width:560px){.lunea-growth .growth-steps{margin-top:36px}.lunea-growth .stairs{grid-template-columns:1fr}.lunea-growth .stairs li{padding:22px}.lunea-page .lunea-growth{padding-bottom:40px}}
/* A quiet activity signal shared by both examples in step one. */
@keyframes hero-active-step-pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(127,159,159,.15)}
  50%{box-shadow:0 0 0 8px rgba(127,159,159,.22);background-color:#9ab9b9}
}
.hero-value-controls button[aria-pressed="true"] .hero-step-number{animation:hero-active-step-pulse 2.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero-value-controls button[aria-pressed="true"] .hero-step-number{animation:none}}
.about-clinic-logo{width:240px;max-width:100%;height:auto}
#workshop,#klinikalltag{scroll-margin-top:90px}
.founder-section>.about-hero{padding:48px 0;margin-bottom:48px}
.founder-section>.about-hero h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;color:#fff}
.founder-section>.about-hero h2 span{color:#7F9F9F}
.aplus .about-brand-hero{padding-bottom:58px}
.about-name-story{padding-block:64px}
.about-name-story>.t-headline{margin-bottom:32px}
.about-name-story .letters article{padding:24px}
.about-name-story .letters h3{hyphens:none;font-size:20px;line-height:1.4}
.about-name-story .letters p{hyphens:none}
@media(max-width:820px){.about-name-story .letters{grid-template-columns:1fr}.about-name-story{padding-block:40px}}
/* Fluid intelligence: subtle directional streams behind the about hero. */
.about-brand-hero{isolation:isolate}
.about-brand-hero .stage-text{position:relative;z-index:1}
.fluid-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;opacity:.24;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.2) 30%,rgba(0,0,0,.2) 70%,#000)}
.fluid-lines path{fill:none;stroke:#7f9f9f;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-dasharray:160 24 5 24;animation:fluid-direction 24s linear infinite,fluid-wave 11s ease-in-out infinite;animation-delay:var(--flow-delay);animation-play-state:paused;transform-origin:center}
.flow-visible .fluid-lines path{animation-play-state:running}
@keyframes fluid-direction{to{stroke-dashoffset:-426}}
@keyframes fluid-wave{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
@media(max-width:600px){.fluid-lines{opacity:.17}.fluid-lines path{stroke-width:.65}}
@media(prefers-reduced-motion:reduce){.fluid-lines path{animation:none}}
.founders-team .about-intro h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.15;color:#fff;letter-spacing:-.035em}
.founders-team .about-intro h2 span{color:#7F9F9F}
.founders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid #7F9F9F}
.founder-card{min-width:0;scroll-margin-top:100px}
.founder-photo-placeholder{width:144px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#363c3c;border:1px solid #617b7b;margin-bottom:28px;color:#9bb5b5;font:300 36px var(--font-head)}
.founder-card h3{font-size:24px;font-weight:500;color:white;margin:0 0 8px}
.founder-card .founder-role{font-size:14px;color:#7F9F9F;line-height:1.5;min-height:42px;margin:0 0 20px}
.founder-copy p{font-size:16px;line-height:1.7;color:#c5c5c5;margin:0 0 16px}
@media(max-width:820px){.founders-grid{grid-template-columns:1fr;gap:36px}.founder-card .founder-role{min-height:0}.founder-photo-placeholder{width:120px}.founder-card:not(:first-child){border-top:1px solid #4b5555;padding-top:32px}}
/* Editorial rhythm within the shared dark hero. */
.aplus .about-brand-hero{padding-block:64px}
.about-brand-hero .stage-text{max-width:1040px;text-align:left}
.brand-eyebrow{font:400 14px var(--font-head);letter-spacing:.08em;color:#a9bdbd;margin:0 0 28px}
.about-brand-hero .t-hero{font-size:clamp(34px,4.2vw,58px);font-weight:500;line-height:1.14;letter-spacing:-.035em}
.about-brand-hero .t-hero span{color:#7F9F9F}
.brand-narrative{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px;align-items:start}
.about-story .brand-lead{font:400 clamp(20px,2vw,26px)/1.5 var(--font-head);color:#ddd;margin:0}
.brand-lead strong{font-weight:400;color:#fff}
.about-story .brand-explanation p{font-size:17px;line-height:1.7;color:#b7c6c6;margin:0 0 16px}
.brand-explanation em{font-style:normal;color:#fff}
.about-story .brand-outcome{font:400 15px var(--font-head);color:#7f9f9f;margin:32px 0 0;letter-spacing:.025em}
.brand-outcome span{color:#c5d1d1}
.about-brand-hero .fluid-lines{opacity:.4;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.15) 20%,rgba(0,0,0,.15) 72%,#000)}
.about-brand-hero .fluid-lines path{stroke-dasharray:240 14 65 18;animation-duration:var(--flow-duration,24s),13s}
@media(max-width:700px){.brand-narrative{grid-template-columns:1fr;gap:24px;margin-top:28px}.aplus .about-brand-hero{padding-block:48px}.about-brand-hero .fluid-lines{opacity:.25}.brand-eyebrow{margin-bottom:20px}}
.founder-photo-placeholder{overflow:hidden}
.founder-photo-placeholder img{display:block;width:100%;height:100%;object-fit:contain}

/* Shared biography rows keep both paragraphs aligned across founders. */
@media(min-width:821px){
 .founders-grid{row-gap:0}
 .founder-card{display:grid;grid-template-rows:subgrid;grid-row:span 5}
 .founder-copy{display:contents}
}
.about-careers .page-width{text-align:left}
.about-careers .careers-intro{max-width:820px;margin:32px 0 36px}
.about-careers .careers-intro h3{font-size:clamp(22px,2.3vw,30px);font-weight:500;margin:0 0 18px}
.about-careers .careers-intro p{font-size:18px;line-height:1.65;color:#a8bdbd;margin:0 0 16px}
.about-careers .card{max-width:880px;margin-left:0;margin-right:0}
.about-careers .careers-initiative{max-width:none;margin:32px 0 40px;font-size:18px;line-height:1.65}
.about-careers .careers-intro{scroll-margin-top:130px}

.about-careers .careers-initiative a{display:inline}

@media(min-width:821px){
 .about-name-story .letters{grid-template-columns:repeat(5,minmax(0,calc((min(100vw,var(--w-content)) - 2 * var(--gutter) - 48px) / 5)));justify-content:space-between}
}
/* A lighter editorial interlude between founders and careers. */
.about-values.values-editorial{background:#e6eded;color:#292b2b;padding-block:88px}
.values-editorial>.page-width{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.values-editorial .chapter-head{display:block;margin:0}
.values-editorial .t-headline{font-size:clamp(32px,3.2vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0 0 28px}
.values-editorial .t-headline span{color:#5b8080}
.values-editorial .chapter-head .t-intro{font-size:17px;line-height:1.65;color:#546363;max-width:290px}
.values-editorial .principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin:0;counter-reset:value}
.values-editorial .principles>div{border-top:0;padding-top:16px;counter-increment:value}
.values-editorial .principles>div:before{content:'0' counter(value);display:block;font:300 14px var(--font-head);color:#668888;margin-bottom:12px}
.values-editorial .principles dt{font-size:23px;font-weight:500;color:#292b2b;margin:0 0 10px}
.values-editorial .principles dd{font-size:16px;line-height:1.65;color:#536060;margin:0}
@media(max-width:1000px){.values-editorial>.page-width{gap:40px;grid-template-columns:1fr 2fr}.values-editorial .principles{gap:28px}}
@media(max-width:700px){.about-values.values-editorial{padding-block:48px}.values-editorial>.page-width{grid-template-columns:1fr;gap:36px}.values-editorial .chapter-head .t-intro{max-width:480px}.values-editorial .t-headline br{display:none}.values-editorial .t-headline br:after{content:' '}.values-editorial .t-headline{max-width:330px}.values-editorial .principles{grid-template-columns:1fr;gap:26px}}

.values-editorial .t-headline .values-title-start{color:#fff}
.values-editorial .t-headline .values-title-middle{color:#9bb7b2}
@font-face{font-family:MaterialValues;src:url('assets/material-values-300.ttf') format('truetype');font-weight:300;font-style:normal;font-display:block}
.values-editorial .principles>div:before{content:none}
.values-editorial .value-icon{display:block;font-family:MaterialValues;font-weight:300;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;color:#668888;margin-bottom:16px}
.about-reallabor{border-top:1px solid #414949}
.about-reallabor .chapter-head{align-items:start;gap:64px;margin-bottom:48px}
.about-reallabor .real-eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#9bb7b2;margin:0 0 22px}
.about-reallabor .t-headline{font-weight:500;line-height:1.15;font-size:clamp(32px,3.4vw,46px)}
.about-reallabor .t-headline span{color:#8eaeaa}
.about-reallabor .chapter-head .t-intro{font-size:17px;line-height:1.75;color:#bec9c7}
.about-reallabor .quote{display:grid;grid-template-columns:150px 1fr;column-gap:48px;max-width:none;margin:0 0 48px;padding:40px;background:#343b3a;border:0;border-radius:0 0 24px 0}
.about-reallabor .quote img{grid-column:1;grid-row:1 / span 2;width:140px;margin:4px 0 0}
.about-reallabor .quote p{grid-column:2;font-size:clamp(22px,2.2vw,29px);line-height:1.5;font-weight:300;margin:0 0 24px;color:#f0f3f2}
.about-reallabor .quote cite{grid-column:2;font-size:13px;line-height:1.6;color:#aabbb7}
.about-reallabor .quote cite b{display:block;color:#fff;font-weight:500}
.about-reallabor .cols-3{gap:40px}
.about-reallabor .cols-3 .card{background:transparent;border:0;border-radius:0;padding:0}
.about-reallabor .cols-3 h3{font-size:20px;font-weight:500;color:#a9c1bc;margin-bottom:14px}
.about-reallabor .cols-3 p{color:#bdc3c1;line-height:1.7}
@media(max-width:700px){.about-reallabor .chapter-head{gap:24px}.about-reallabor .quote{display:block;padding:26px 22px}.about-reallabor .quote img{width:120px;margin:0 0 24px}.about-reallabor .cols-3{gap:28px}}
/* Mobile product previews: enlarge from the left and crop inside the tile. */
@media(max-width:700px){
 :is(.home-page,.lunea-demo-section) .product-grid .product-card{overflow:hidden}
 :is(.home-page,.lunea-demo-section) .product-grid :is(.product-atlas,.product-grouper) .product-image{width:100%;height:clamp(210px,62vw,340px);margin:0;border:0;border-radius:0;overflow:hidden;flex-shrink:0}
 :is(.home-page,.lunea-demo-section) .product-atlas .product-image>.hs-slides,
 :is(.home-page,.lunea-demo-section) .product-grouper .product-image>.hs-window{width:150%;max-width:none;margin:0;border-radius:0;transform-origin:top left}
}
/* Desktop product previews fill the tile; Grouper keeps its full image ratio. */
@media(min-width:701px){
 :is(.home-page,.lunea-demo-section) .product-grid :is(.product-atlas,.product-grouper) .product-image{width:100%;height:auto;margin:auto 0 0;border:0;border-radius:0;overflow:hidden}
 :is(.home-page,.lunea-demo-section) .product-grouper .hs-window{border:0;border-radius:0;width:100%}
 :is(.home-page,.lunea-demo-section) .product-grouper .hs-bar{display:none}
 :is(.home-page,.lunea-demo-section) .product-grouper .hs-screen{aspect-ratio:1600/901;--preview-width:100cqw}
 :is(.home-page,.lunea-demo-section) .product-grouper .hs-shot:not(.hs-drawer){inset:0;width:100%;height:auto}
 :is(.home-page,.lunea-demo-section) .product-grouper .hs-shot.hs-drawer{inset:11.4375cqw auto auto 2.8125%;width:97.1%;height:auto}
}
.voice-card{background:#e2e8e7}
.voice-demo{width:100%;background:#f4f5f4;border:1px solid #cbd4d2;border-radius:0 0 18px 0;padding:18px;color:#303938}
.voice-session{display:flex;align-items:center;gap:8px;font-size:12px}
.voice-dot{width:7px;height:7px;border-radius:50%;background:#7f9f9f}
.voice-time{margin-left:auto;color:#738b87;font-variant-numeric:tabular-nums}
.voice-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:65px;margin:10px 0}
.voice-wave i{height:var(--h);width:3px;background:#7f9f9f;border-radius:3px;animation:voice-wave 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -0.09s)}
.voice-transition{font-size:11px;color:#698780;margin-bottom:12px}
.voice-document{background:#fff;padding:16px;border:1px solid #d9dfdd;border-radius:0 0 12px 0}
.voice-doc-title{font-size:14px;font-weight:500;margin-bottom:14px}
.voice-doc-title span{font-size:10px;color:#6e8580;float:right;font-weight:400}
.voice-doc-row{margin-top:12px;animation:voice-note 9s ease-in-out infinite both}
.voice-doc-row:nth-child(3){animation-delay:.5s}.voice-doc-row:nth-child(4){animation-delay:1s}
.voice-doc-row b{font-size:10px;color:#6b8982;font-weight:500}
.voice-demo .voice-doc-row p{font-size:12px;line-height:1.5;color:#48524f;margin:3px 0 0}
.voice-review{font-size:10px;color:#6b8982;margin-top:16px}
@keyframes voice-wave{from{transform:scaleY(.35);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes voice-note{0%,8%{opacity:.2;transform:translateY(-3px)}22%,90%,100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.voice-wave i,.voice-doc-row{animation:none}}
.ec-static-prompt{flex:1;min-width:0;color:#292929;font-size:clamp(12px,1.5vw,18px);line-height:1.4}
.ec-prompt-cursor{display:inline-block;height:1em;border-right:1px solid currentColor;vertical-align:-.12em;margin-left:3px;animation:prompt-blink 1.1s steps(1) infinite}
@keyframes prompt-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.ec-prompt-cursor{animation:none}}

.ec-static-prompt{color:#929797;font-size:clamp(13px,1.6vw,19px)}
.voice-live{font-size:12px;line-height:1.5;color:#364440;width:100%}
.vl-record{background:#d3e0dd;padding:16px;border-radius:0 0 14px 0}
.vl-record>strong{font-size:15px;font-weight:500}
.vl-status{display:flex;align-items:center;gap:8px;font-size:10px;margin:8px 0 12px;color:#586d67}.vl-status>span:first-child{color:#bd7d80}.vl-status time{margin-left:auto;font-variant-numeric:tabular-nums}
.vl-label{font-size:9px;letter-spacing:.09em;color:#627f77}
.voice-live .vl-transcript{font-size:13px;line-height:1.5;min-height:59px;margin:6px 0 0;color:#34463f}
.vl-instruction{margin:10px 0 10px 20px;padding:9px 12px;background:#e6dce7;font-size:11px;color:#625269;opacity:.15;transition:opacity .4s;border-radius:0 0 12px 0}
.vl-instruction.is-visible{opacity:1}
.vl-protocol{padding:16px;background:#f4f3ef;border:1px solid #d6dcd6;border-radius:0 0 16px 0;transition:background .4s}
.vl-doc-head{font-weight:500;font-size:14px;margin-bottom:9px}.vl-doc-head span{float:right;font-size:9px;color:#70877f;font-weight:400}
.vl-meta{font-size:10px;color:#738078;min-height:30px}
.vl-protocol b{font-weight:500;font-size:10px;color:#698176}
.voice-live .vl-protocol p{font-size:11px;color:#44534b;line-height:1.5;margin:3px 0 8px}
.vl-task{min-height:66px}.vl-protocol small{font-size:9px;color:#7d8d84}.vl-updated .vl-protocol{background:#e5eee7}
@media(prefers-reduced-motion:reduce){.vl-instruction,.vl-protocol{transition:none}}
@media(min-width:701px){
 :is(.home-page,.lunea-demo-section) .product-atlas .hs-slides{aspect-ratio:1600/901}
 :is(.home-page,.lunea-demo-section) .product-atlas .hs-slides img{object-fit:cover;object-position:top left}
}

.ec-inputbar.ec-static-bar{width:100%;padding:0;gap:12px;background:#e0e0e0;border:0;border-radius:0 0 18px 0;container-type:inline-size}
.ec-static-bar .ec-attachment{width:19px;height:19px;flex:0 0 19px;margin-left:14px;color:#999}
.ec-static-bar .ec-static-prompt{font-size:clamp(10px,3.05cqw,15px);font-weight:400;color:#999;white-space:nowrap;line-height:1.4}
.ec-static-bar .ec-send{width:46px;height:46px;align-self:stretch;border-radius:0 0 18px 0}
.ec-static-bar .ec-send svg{width:21px;height:21px}

.vl-record{padding:20px}
.vl-transcript-window{height:145px;overflow:hidden;margin-top:8px;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.voice-live .vl-transcript{font-size:14px;line-height:1.8;margin:0;padding-top:65px;animation:vl-prompter 28s linear infinite}
.vl-protocol{margin-top:14px}
@keyframes vl-prompter{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@media(prefers-reduced-motion:reduce){.voice-live .vl-transcript{animation:none;padding-top:0}.vl-transcript-window{overflow:auto;mask-image:none}}
.voice-live .vl-transcript{animation:none;padding-top:0;white-space:pre-line}
.vl-transcript-window{scrollbar-width:none}
.vl-transcript-window::-webkit-scrollbar{display:none}

/* Continuous transcript movement; reserve space for the completed protocol. */
.vl-scroll-copy{display:block;padding-bottom:40px;white-space:pre-line}
.voice-live .vl-transcript{will-change:transform}
.voice-live .vl-meta{min-height:60px}
.voice-live .vl-result{min-height:70px}
.voice-live .vl-task{min-height:125px}

.founders-team .about-intro{align-items:start}
.founders-team .founder-intro-copy{padding-top:6px;max-width:410px}
.founders-team .founder-intro-copy p{font-size:clamp(18px,1.65vw,22px);line-height:1.55;margin:0;color:#c5cecb}
.founders-team .founder-intro-copy .founder-purpose{color:#8eaeaa;margin-top:16px}
.founders-team .founder-intro-copy .btn{margin-top:28px;font-weight:400}
@media(max-width:700px){.founders-team .founder-intro-copy{padding-top:0;max-width:none}}
/* Compact voice preview so it does not stretch the entire carousel. */
.voice-card .vl-record{padding:12px 14px}
.voice-card .vl-record>strong{font-size:13px}
.voice-card .vl-status{margin:5px 0 7px}
.voice-card .vl-transcript-window{height:72px;margin-top:4px}
.voice-card .vl-transcript{font-size:12px;line-height:1.55}
.voice-card .vl-protocol{padding:12px 14px;margin-top:9px}
.voice-card .vl-doc-head{font-size:13px;margin-bottom:5px}
.voice-card .vl-meta{min-height:30px;font-size:9px;line-height:1.4}
.voice-card .vl-agenda p{margin-bottom:5px}
.voice-card .vl-result{min-height:47px}
.voice-card .vl-task{min-height:72px}
.voice-card .vl-protocol p{font-size:10px;line-height:1.4;margin:2px 0 5px}
.voice-card .vl-protocol b,.voice-card .vl-protocol small{font-size:9px}

.voice-card .vl-record{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.voice-card .vl-record>strong{font-size:12px;white-space:nowrap}
.voice-card .vl-status{flex:1;margin:0;font-size:9px;gap:5px;white-space:nowrap}
.voice-card .vl-label,.voice-card .vl-transcript-window{flex-basis:100%}
.voice-card .vl-label{margin-top:4px}
.voice-card .vl-task{min-height:62px}
.voice-card .vl-protocol{padding-bottom:8px}

.voice-card .vl-protocol{height:215px;min-height:215px;max-height:215px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}
.voice-card .vl-protocol::-webkit-scrollbar{display:none}
/* Bring the three screenshot previews directly under their copy. */
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media{margin-top:0;padding:24px 0 0;justify-content:flex-start;align-items:flex-start;flex:1;min-height:300px;overflow:hidden;position:relative}
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media>img{width:160%;max-width:none;height:auto;flex-shrink:0;border-radius:0;transform-origin:top left;margin:0}
@media(max-width:700px){.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media{min-height:240px}}
.home-contact .contact-editorial{max-width:510px}
.home-contact .contact-editorial h2{font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.03em;margin-bottom:28px}
.home-contact .contact-editorial h2 span{color:#7f9f9f}
.home-contact .contact-editorial p{font-size:17px;line-height:1.7;margin:0 0 22px}
.home-contact .contact-editorial .contact-lead{font-size:20px;line-height:1.55}
.home-contact .contact-editorial .contact-invitation{margin-top:32px;margin-bottom:8px;font-weight:500}
.home-contact .contact-editorial .contact-response{font-size:14px;color:#777}
.logo-band-rail .logo-set{flex-shrink:0}
@media(hover:none){.logo-band-track.pause-on-hover:hover .logo-band-rail{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){.logo-band-track{overflow-x:auto}.logo-band-rail .logo-set[aria-hidden="true"]{display:none}}
.footer-legal,.footer-legal nav{align-items:baseline}
.footer-legal nav>span{white-space:nowrap}
.context-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:start;margin-bottom:64px}
.context-copy .t-headline{margin:0 0 26px;font-size:clamp(30px,3vw,42px);line-height:1.18}
.context-copy p{font-size:17px;line-height:1.7;color:#555;margin:0 0 18px;max-width:440px}
.context-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.context-cards .card{padding:24px}
.context-cards h4{font-size:20px;line-height:1.3;hyphens:none;margin:12px 0}
.context-cards p{font-size:15px;line-height:1.6}
@media(max-width:820px){.context-layout{grid-template-columns:1fr;gap:24px}.context-copy p{max-width:none}}
@media(max-width:480px){.context-cards{grid-template-columns:1fr}}

/* Shared editorial rhythm for the lunéa detail page. */
.lunea-page .context-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,64px)}
.lunea-page .context-copy .t-headline{font-size:clamp(22px,2.2vw,28px);line-height:1.25;margin-bottom:18px}
.lunea-page .context-copy p{font-size:15px;line-height:1.6;max-width:none;margin-bottom:18px}
.lunea-page .context-cards{gap:16px;grid-auto-rows:1fr}
.lunea-page .context-cards .card{padding:22px}
.lunea-page .context-cards h4{font-size:19px;line-height:1.3;margin:12px 0}
.lunea-page .context-cards p{font-size:15px;line-height:1.6}
.lunea-page #kompetenzen .chapter-head{align-items:start;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,64px)}
.competence-intro p{font-size:16px;line-height:1.65;color:var(--text-soft);margin:0 0 16px;max-width:620px}
.lunea-page .fb-steps.cycle-steps{margin:28px 0 0;gap:18px;min-height:150px}
.lunea-page .cycle-steps li{padding:0;border:0;gap:8px;position:relative}
.lunea-page .cycle-steps .step-dot{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--fh-primary);border-radius:50%;font-size:13px;color:#547575;margin-bottom:8px;transition:background .5s,box-shadow .5s,color .5s}
.lunea-page .cycle-steps .is-active .step-dot{background:var(--fh-primary);color:#162828;box-shadow:0 0 0 6px #7e9fa12b}
.lunea-page .cycle-steps b{font-size:15px}
.lunea-page .cycle-steps li>span:not(.step-dot){font-size:13px;line-height:1.5}
.lunea-page #fragen>.wrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,64px);align-items:start}
.lunea-page #fragen .chapter-head{display:block;margin:0}
.lunea-page #fragen .t-headline{font-size:clamp(28px,3vw,40px);line-height:1.18;margin-bottom:20px}
.lunea-page #fragen .t-intro{font-size:16px;line-height:1.65;color:var(--text-soft);max-width:350px}
.lunea-page #fragen .faq-accordion{width:100%;margin:0;border:0;display:grid;gap:12px}
.lunea-page #fragen details{border:1px solid #d9dfdc;background:#fff;border-radius:0 0 20px 0;overflow:hidden;transition:background .2s}
.lunea-page #fragen details[open]{background:#e4ecea;border-color:#c4d4d0}
.lunea-page #fragen summary{padding:22px 24px;font-size:17px;line-height:1.4;gap:20px;font-weight:500}
.lunea-page #fragen summary::after{content:'+';border:0;transform:none;margin:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e6eeee;font:400 24px/1 var(--font-head);color:#537572}
.lunea-page #fragen details[open]>summary::after{content:'−';transform:none;margin:0;background:#ccddda}
.lunea-page #fragen .faq-answer{padding:0 24px 24px;font-size:15px;line-height:1.65}
.lunea-page #kontakt{padding-top:0}
.lunea-page .demo-invitation{background:#dfe9e6;border-radius:0 0 28px 0;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:32px;text-align:left}
.lunea-page .demo-invitation h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px}
.lunea-page .demo-invitation p{font-size:16px;line-height:1.6;margin:0;color:#455653}
.lunea-page .demo-invitation .btn{flex-shrink:0;margin:0}
@media(max-width:820px){.lunea-page .context-layout,.lunea-page #kompetenzen .chapter-head,.lunea-page #fragen>.wrap{grid-template-columns:1fr}.lunea-page #fragen .t-intro{max-width:560px}.lunea-page .demo-invitation{padding:28px;align-items:flex-start;flex-direction:column}.lunea-page .fb-steps.cycle-steps{min-height:0}}
@media(max-width:480px){.lunea-page .context-cards{grid-template-columns:1fr;grid-auto-rows:auto}.lunea-page #fragen summary{padding:20px;font-size:16px}.lunea-page #fragen .faq-answer{padding:0 20px 20px}}

/* Atlas: introduction, knowledge, application, integration. */
.atlas-editorial .chapter-head{display:block;max-width:800px;margin:0 0 36px}
.atlas-editorial .chapter-head .t-headline{font-size:clamp(28px,3.2vw,44px);line-height:1.15;margin:0 0 20px;max-width:780px}
.atlas-editorial .chapter-head .t-intro{font-size:17px;line-height:1.65;max-width:700px;color:var(--text-soft);margin:0}
.atlas-editorial .chapter.dark .chapter-head .t-intro{color:var(--dtext-soft)}
.atlas-editorial .chapter .split{align-items:start}
.atlas-editorial .chapter .split .t-headline{font-size:clamp(28px,3.2vw,40px);line-height:1.18;margin:0 0 22px}
.atlas-editorial .chapter .split>div>p{font-size:16px;line-height:1.65;margin:0 0 18px}
.atlas-editorial .atlas-product-name{color:#a9c3c1;font-size:20px;letter-spacing:.04em;margin:0 0 16px}
.atlas-editorial #quellen{background:#e5edeb}
.atlas-editorial #quellen .t-headline span{color:#648c88}
.atlas-editorial .source-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.atlas-editorial .source-map .card{padding:26px 24px;background:#fff;border:0;min-width:0}
.atlas-editorial .source-map h3{font-size:20px;line-height:1.3;hyphens:none;margin:0 0 16px}
.atlas-editorial .source-map p{font-size:15px;line-height:1.6;margin:0}
.atlas-editorial .source-map-intro{padding:24px;background:#7e9fa1;border-radius:0 0 24px 0;color:#172b2a}
.atlas-editorial .source-seven{font:300 64px/1 var(--font-head);display:block;margin-bottom:20px}
.atlas-editorial .source-map-intro h3{font-size:22px}
.atlas-editorial .source-version{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;padding:24px 0 0;margin-top:8px;border-top:1px solid #b5c9c5}
.atlas-editorial .source-version h3{margin:0}
.atlas-editorial #nutzen .tile-text{padding:28px}
.atlas-editorial #nutzen .tile .t-sub,.atlas-editorial #zielgruppen .tile .t-sub{font-size:16px;line-height:1.65}
.atlas-editorial #entgelt .card{padding:26px}
.atlas-editorial #entgelt .card h3{font-size:21px;line-height:1.3}
.atlas-editorial #entgelt .card p{font-size:16px;line-height:1.65}
.atlas-editorial #entgelt .stage-media{margin-top:32px}
.atlas-editorial .atlas-demo{display:flex;gap:40px;align-items:center;justify-content:space-between;text-align:left;background:#dfe9e6;padding:44px;border-radius:0 0 28px 0}
.atlas-editorial .atlas-demo h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px}
.atlas-editorial .atlas-demo p{font-size:16px;line-height:1.65;max-width:610px;margin:0}
.atlas-editorial .atlas-demo .btn{flex-shrink:0;margin:0}
@media(max-width:1000px){.atlas-editorial .source-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.atlas-editorial .chapter-head .t-intro{font-size:16px}.atlas-editorial .source-version{grid-template-columns:1fr;gap:12px}.atlas-editorial .atlas-demo{padding:28px;flex-direction:column;align-items:flex-start;gap:24px}}
@media(max-width:480px){.atlas-editorial .source-map{grid-template-columns:1fr}.atlas-editorial .source-map-intro{display:grid;grid-template-columns:64px 1fr;column-gap:20px}.atlas-editorial .source-map-intro p{grid-column:2}.atlas-editorial .source-seven{grid-row:1/3}.atlas-editorial .source-map h3{font-size:20px}}
.grouper-editorial .chapter-head{display:block;max-width:800px;margin:0 0 36px}
.grouper-editorial .chapter-head .t-headline{font-size:clamp(28px,3.2vw,44px);line-height:1.15;margin:0 0 20px}
.grouper-editorial .chapter-head .t-intro{font-size:17px;line-height:1.65;max-width:700px;color:var(--text-soft);margin:0}
.grouper-editorial .chapter.dark .chapter-head .t-intro{color:var(--dtext-soft)}
.grouper-editorial .split{align-items:start}
.grouper-editorial .split .t-headline{font-size:clamp(28px,3.2vw,40px);line-height:1.18;margin:0 0 22px}
.grouper-editorial .split>div>p{font-size:16px;line-height:1.65;margin:0 0 18px}
.grouper-editorial .card{padding:26px}
.grouper-editorial .card h3{font-size:21px;line-height:1.3}
.grouper-editorial .card p{font-size:16px;line-height:1.65}
.grouper-editorial #zertifikate{background:#e5edeb}
.product-name{font-size:20px;color:#a9c3c1;letter-spacing:.04em;margin:0 0 16px}
.product-demo{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:44px;background:#dfe9e6;border-radius:0 0 28px 0;text-align:left}
.product-demo h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px}
.product-demo p{font-size:16px;line-height:1.65;max-width:610px;margin:0}
.product-demo .btn{flex-shrink:0;margin:0}
.lunea-page .product-growth .chapter-head{display:block;max-width:740px;margin-bottom:36px}
.lunea-page .product-growth .t-intro{font-size:17px;line-height:1.65;color:var(--dtext-soft);margin-top:20px}
.lunea-page .product-growth .growth-steps{padding-top:0}
@media(max-width:700px){.product-demo{padding:28px;flex-direction:column;align-items:flex-start;gap:24px}}
/* Screenshot rows share a text baseline and use their full natural height. */
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-text{min-height:var(--screenshot-copy-height,0px)}
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media{flex:0 0 auto;min-height:0;overflow:visible;display:block;padding-top:24px}
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media>img{display:block;width:160%;height:auto;max-height:none;object-fit:contain}
/* Keep the three enlarged screenshots flush with the card bottom. */
.gcard:has(.gcard-media>img[src*="-shot.jpg"]) .gcard-media{margin-top:auto}
/* Align headings, copy and equally sized competency widgets. */
.lunea-page #kompetenzen .fb{row-gap:0}
.lunea-page #kompetenzen .fb-col{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-items:start}
.lunea-page #kompetenzen .fb-text{margin:12px 0 32px;line-height:1.65}
.lunea-page #kompetenzen .fb-window,.lunea-page #kompetenzen .fb-libbox{width:100%;height:auto;min-height:0;aspect-ratio:4/3;margin:0;align-self:stretch;overflow:hidden}
.lunea-page #kompetenzen .fb-window .hs-screen{height:100%;min-height:0;flex:1 1 0;aspect-ratio:auto}
.lunea-page #kompetenzen .cycle-steps{margin-top:28px}
@media(max-width:820px){.lunea-page #kompetenzen .fb{row-gap:48px}.lunea-page #kompetenzen .fb-col{grid-template-rows:auto auto auto auto auto;grid-row:auto}.lunea-page #kompetenzen .fb-window,.lunea-page #kompetenzen .fb-libbox{aspect-ratio:4/5}.lunea-page #kompetenzen .fb-text{margin-bottom:28px}}
.lunea-page #kompetenzen .fb-col{grid-row:span 4}
@media(max-width:820px){.lunea-page #kompetenzen .fb-col{grid-template-rows:auto auto auto auto;grid-row:auto}}
.lunea-page .lunea-demo-section .hero-copy{max-width:1000px;margin-inline:auto;text-align:center}
.lunea-page .lunea-demo-section .hero-brand{margin:0 0 24px}
.lunea-page .lunea-demo-section .hero-subheadline{font-size:clamp(26px,3.2vw,44px);line-height:1.2;margin:0 auto 24px;max-width:960px}
.lunea-page .lunea-hero-description{font-size:clamp(16px,1.6vw,20px);line-height:1.65;color:#a8c1c0;max-width:840px;margin:0 auto}
.lunea-page .lunea-demo-section .hero-product{margin-top:40px}
@media(max-width:768px){.lunea-page .lunea-demo-section .hero-product{margin-top:28px}.lunea-page .lunea-demo-section .hero-brand{margin-bottom:20px}}
.lunea-page #kompetenzen .chapter-head{display:block;max-width:800px;text-align:left}
.lunea-page #kompetenzen .chapter-head .t-headline{margin:0 0 24px}
.lunea-page #kompetenzen .competence-intro p{max-width:760px}
.lunea-page #kompetenzen .chapter-head{margin-left:0;margin-right:auto;max-width:800px}
.lunea-page #kompetenzen .competence-intro p{margin-bottom:0}
.atlas-editorial .atlas-demo{flex-direction:column;align-items:flex-start;gap:24px;width:100%}
.grouper-editorial #zertifikate .cert-summary{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;align-items:start}
.grouper-editorial #zertifikate .cert-summary h2{font-size:clamp(30px,3.2vw,44px);line-height:1.18;margin:0 0 22px}
.grouper-editorial #zertifikate .cert-summary p{font-size:17px;line-height:1.65;max-width:640px;margin:0;text-align:left}
.grouper-editorial #zertifikate .cert-links{justify-content:flex-start;gap:16px 28px;margin-top:26px;text-align:left}
.grouper-editorial #zertifikate .cert-figure{width:100%;margin:0}
.grouper-editorial #zertifikate .cert-figure img{width:100%;display:block}
.grouper-editorial #zertifikate .cert-figure figcaption{text-align:left;font-size:12px;line-height:1.5;margin-top:12px}
.certificate-years{margin-top:48px}
.cert-years-title{font-size:24px;margin:0 0 24px}
.cert-year-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.cert-year{background:#fff;padding:28px;border-radius:0 0 24px 0}
.cert-year h3{font-size:38px;line-height:1;margin:0;color:#557b78}
.cert-year-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin:10px 0 24px}
.cert-year ul{padding:0;margin:0;list-style:none}
.cert-year li{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 0;border-top:1px solid #dfe7e4;font-size:14px;line-height:1.5}
.cert-year time{color:#647570;white-space:nowrap;font-size:12px;padding-top:2px}
.cert-legend{font-size:13px;line-height:1.65;color:#536661;max-width:800px;margin:24px 0 0}
@media(max-width:700px){.grouper-editorial #zertifikate .cert-summary{grid-template-columns:1fr;gap:28px}.grouper-editorial #zertifikate .cert-figure{max-width:220px}.cert-year-grid{grid-template-columns:1fr}.cert-year{padding:22px}.cert-year li{gap:12px}}
.home-clinic-tiles .clinic-quote-tile{position:relative}
.clinic-quote{margin:20px 0 24px;text-align:left}
.clinic-quote p{font-size:16px;line-height:1.6;color:#587b79;margin:0}
.clinic-quote cite{display:block;font-style:normal;font-size:13px;line-height:1.5;margin-top:18px;color:#3c4b49}
.clinic-quote cite strong,.clinic-quote cite span{display:block}
.clinic-logo{position:absolute;right:20px;bottom:20px;z-index:3;background:#fff;padding:10px 14px;border-radius:0 0 14px 0;width:170px}
.clinic-logo img{display:block;width:100%;height:auto}
@media(max-width:600px){.clinic-quote p{font-size:15px}.clinic-logo{width:140px;right:16px;bottom:16px}}
/* A readable progression: each step advances without stretching the copy. */
.lunea-page .product-growth .chapter-head{margin-left:0;margin-right:auto;text-align:left;max-width:760px}
.lunea-page .product-growth .growth-steps{margin-top:36px}
.lunea-page .product-growth .stairs{display:flex;flex-direction:column;gap:14px;align-items:stretch;list-style:none;padding:0;margin:0}
.lunea-page .product-growth .stairs li{display:grid;grid-template-columns:54px minmax(160px,.65fr) minmax(0,1.35fr);gap:24px;align-items:center;min-height:0!important;padding:24px 28px;border:0;border-left:3px solid #7f9f9f;background:#343a39;border-radius:0 0 22px 0;margin-left:calc(var(--step)*24px)}
.lunea-page .product-growth .stairs li:nth-child(1){--step:0}
.lunea-page .product-growth .stairs li:nth-child(2){--step:1}
.lunea-page .product-growth .stairs li:nth-child(3){--step:2;background:#394342}
.lunea-page .product-growth .stairs li:nth-child(4){--step:3;background:#3c4846}
.lunea-page .product-growth .stairs li:nth-child(5){--step:4;background:#40514e}
.lunea-page .product-growth .stairs .num{font-size:30px;color:#a8c9c4}
.lunea-page .product-growth .stairs h3{font-size:20px;line-height:1.3;color:#fff;margin:0;hyphens:none}
.lunea-page .product-growth .stairs p{font-size:15px;line-height:1.6;color:#d5dfdd;margin:0}
@media(max-width:820px){.lunea-page .product-growth .stairs li{grid-template-columns:40px 1fr;gap:10px 18px;margin-left:calc(var(--step)*10px);padding:22px}.lunea-page .product-growth .stairs p{grid-column:2}}
@media(max-width:480px){.lunea-page .product-growth .stairs li{margin-left:0;padding:20px;grid-template-columns:32px 1fr}.lunea-page .product-growth .stairs h3{font-size:18px}.lunea-page .product-growth .stairs .num{font-size:24px}}
/* The progression rises from step 01 at the bottom to step 05 at the top. */
.lunea-page .product-growth .stairs{flex-direction:column-reverse}
/* Context introduction followed by a full-width row of principles. */
.lunea-page .context-layout{grid-template-columns:minmax(0,1fr);gap:32px}
.lunea-page .context-copy{max-width:800px}
.lunea-page .context-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;grid-auto-rows:auto;align-items:stretch}
@media(max-width:1000px){.lunea-page .context-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lunea-page .context-cards{grid-template-columns:minmax(0,1fr)}}
/* Subtle Fluint palette for the four principles. */
.lunea-page .context-cards .card{background:#E9F0F0;border-color:#cedbdb;border-top:3px solid #7F9F9F}
.lunea-page .context-cards .card:nth-child(2){background:#f2f5f5;border-top-color:#D9A8A8}
.lunea-page .context-cards .card:nth-child(3){background:#e3ecec;border-top-color:#6B8E8E}
.lunea-page .context-cards .card:nth-child(4){background:#edf2f2;border-top-color:#566F6F}
.lunea-page .context-cards .ico{color:#566F6F}
.lunea-page .context-cards h4{color:#304544}
.lunea-page #oberflaeche{align-items:start}
.lunea-page #oberflaeche>div:first-child h3{margin-top:0}
/* Stronger offsets make the upward progression read as a staircase. */
.lunea-page .product-growth .stairs{gap:22px}
.lunea-page .product-growth .stairs li{margin-left:calc(var(--step)*clamp(40px,5vw,72px));grid-template-columns:46px minmax(150px,.7fr) minmax(0,1.3fr);gap:20px}
@media(max-width:820px){.lunea-page .product-growth .stairs li{margin-left:calc(var(--step)*24px);grid-template-columns:36px 1fr}}
@media(max-width:480px){.lunea-page .product-growth .stairs{gap:18px}.lunea-page .product-growth .stairs li{margin-left:calc(var(--step)*10px);grid-template-columns:28px 1fr;gap:10px 12px}}
.lunea-page .product-growth .stairs li:nth-child(6){--step:5;background:#455a56}
.lunea-page .product-growth .stairs li:nth-child(7){--step:6;background:#4a635e}
@media(min-width:821px){.lunea-page .product-growth .stairs li{margin-left:calc(var(--step)*clamp(36px,4vw,56px))}}
.lunea-page #oberflaeche .cs-wrap.scroll-notes{cursor:default;outline:none}
.lunea-page #oberflaeche .scroll-notes .concept-shot{transform:none;box-shadow:none;cursor:default}
.lunea-page #oberflaeche .scroll-notes .cs-note{position:relative;inset:auto;display:block;width:auto;margin:14px 0 0;padding:16px 18px;background:#e9f0f0;color:#344b49;border-left:3px solid #7f9f9f;box-shadow:none;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.lunea-page #oberflaeche .scroll-notes .cs-note strong{color:#344b49}
.lunea-page #oberflaeche .scroll-notes .cs-arr{display:none}
.lunea-page #oberflaeche .scroll-notes.notes-visible .cs-note{opacity:1;transform:translateY(0)}
.lunea-page #oberflaeche .scroll-notes .cs-note-r{transition-delay:.15s}
@media(prefers-reduced-motion:reduce){.lunea-page #oberflaeche .scroll-notes .cs-note{transition:none;transform:none}}

/* Value promises introduce the home hero demonstration. */
.home-page .hero-promises-above{width:100%;padding:0;margin-top:48px;text-align:left;background:transparent}
.home-page .hero-promises-above + .hero-product{margin-top:48px}
.home-page > .home-promises .promise-closing{margin-top:0}
@media(max-width:820px){
 .home-page .hero-promises-above{margin-top:32px}
 .home-page .hero-promises-above + .hero-product{margin-top:32px}
}

/* Keep the closing statement close to the hero widget. */
.home-page #hero + .home-promises{padding-top:48px}
.home-page #hero + .home-promises .promise-closing{margin-top:0}

@media(max-width:820px){.home-page #hero + .home-promises{padding-top:32px}}

/* Categories identify individual cards without merging or reordering them. */
.home-ecosystem .gcard-category{display:flex;align-items:baseline;gap:14px;min-height:38px}
.home-ecosystem .gcard-category span:first-child{flex:none}
.home-ecosystem .gcard-category span:last-child{font-size:11px;line-height:1.45;letter-spacing:.06em;font-weight:500}

/* Shared rows keep descriptions aligned even when a heading wraps. */
@media(min-width:821px){
 .home-promises .hero-value-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px;row-gap:0}
 .home-promises .hero-value-controls button{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;row-gap:0;align-items:start}
 .home-promises .hero-step-label{min-height:0}
 .home-promises .hero-step-description{align-self:start}
}

/* Hero logo: same quiet Stealth-green halo as the wordmark. */
.home-page .hero-brand{display:flex;align-items:center;justify-content:center;gap:.22em}
.home-page .hero-brand .hero-lunea-logo{display:block;flex:none;width:.8em;height:auto;filter:drop-shadow(0 0 16px rgba(127,159,159,.35)) drop-shadow(0 0 40px rgba(127,159,159,.2)) drop-shadow(0 0 72px rgba(127,159,159,.1))}