/* "Protecting your data" and "Supported by" below 981px, as in the LINCEO design system (branch codex/linceo-design-system-v1):
   the light card around the shield, and the supporters as a static three-column grid instead of the logo marquee. */
@media(max-width:980px){
 .linceo-release #data-security{background:#fff;border:1px solid var(--ds-line);border-radius:var(--ds-radius);margin:30px 3.2% 40px;padding:52px 5.8%;color:var(--ds-ink)}
 .linceo-release #data-security::before{background:linear-gradient(90deg,#FFFFFFF5 0%,#FFFFFFB0 36%,#FFFFFF00 75%)}
 .linceo-release #data-security .trust-data-field{opacity:.25}
 .linceo-release #data-security .trust-orbit{border-color:#DADCE0}
 .linceo-release #data-security .trust-content h2{font:500 clamp(32px,3.3vw,48px)/1.12 ManropeDS,sans-serif;color:var(--ds-ink);letter-spacing:-.032em}
 .linceo-release #data-security :is(.trust-intro,.trust-code,.trust-promises,.trust-badges small,.trust-commitments,.trust-commitments p){color:var(--ds-muted);font-family:SourceDS,sans-serif}
 .linceo-release #data-security .trust-lead{color:var(--ds-ink);font:500 22px/1.35 ManropeDS,sans-serif}
 .linceo-release #data-security .trust-badges>div{background:var(--ds-paper);border-color:var(--ds-line);color:var(--ds-ink)}
 .linceo-release #data-security :is(.trust-promises svg,.trust-badges svg){stroke:var(--ds-muted)}
 .linceo-release #data-security .trust-commitments{border-color:var(--ds-line)}
 .linceo-release #data-security .trust-promises li span br{display:none}
 html.linceo-release #data-security{padding-top:var(--home-chapter-gap)!important;padding-bottom:var(--home-chapter-gap)!important;font:18px/27px SourceDS,Arial,sans-serif}
 html.linceo-release #data-security .trust-badges small{line-height:13.5px}
 html.linceo-release #data-security :is(.trust-commitments,.trust-commitments summary){line-height:18px}
 html.linceo-release #data-security .trust-commitments summary span{line-height:25.5px}
 .linceo-release .supporters{background:#fff;color:var(--ds-ink);padding:54px 0;font-family:SourceDS,sans-serif;border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line)}
 .linceo-release .supporters h2{font:500 30px/1.2 ManropeDS,sans-serif}
 .linceo-release .partner-logo{background:#fff}
 html.linceo-release .supporters-pause{display:none!important}
 #supporters[data-layout=parallax] .supporters-viewport{height:auto;overflow:visible;mask-image:none}
 #supporters[data-layout=parallax] .supporters-track{display:block;width:100%;animation:none;transform:none}
 #supporters[data-layout=parallax] .supporters-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 24px}
 #supporters[data-layout=parallax] .partner-logo{width:100%;height:60px;transform:none}
 #supporters[data-layout=parallax] .partner-logo img{max-width:100%;max-height:50px;object-fit:contain}
 #supporters[data-layout=parallax] :is(.partner-logo-google,.partner-logo-inserm) img{position:static;width:100%;height:100%;max-height:60px;object-fit:contain}
}

/* "From your test to everyday life" on phones: the design system's carousel. The next card peeks in from the right, and the position
   counter, progress bar and "Swipe" cue sit under the rail. Our cards keep their own size and content. */
@media(max-width:760px){
 html.journey-ds #how-it-works{--jw:calc(100% - 40px);--journey-gap:13px}
 html.journey-ds #how-it-works .home-journey-viewport{overflow:visible}
 html.journey-ds #how-it-works .journey-scenes{gap:13px;padding:2px 0 10px;margin-right:-22px;width:auto!important;scroll-padding-inline:0}
 html.journey-ds #how-it-works .journey-scene:last-child{margin-right:40px}
 html.journey-ds #how-it-works .journey-scroll-cue{display:flex!important;align-items:center;gap:14px;margin-top:13px;font-size:11px}
 html.journey-ds #how-it-works .journey-scroll-cue [data-journey-position]{display:inline!important}
 html.journey-ds #how-it-works .journey-scroll-cue .journey-scroll-track{display:block!important}
 html.journey-ds #how-it-works .journey-scroll-cue .journey-desktop-cue{display:none}
 html.journey-ds #how-it-works .journey-scroll-cue .journey-mobile-cue{display:inline}
}


/* "Reveal the invisible. Make it work for you." was shown twice on phones (older intro block and the newer heading). Keep the newer one. */
@media(max-width:980px){
 html.linceo-release #molecular-experience>.mobile-intro{display:none!important}
}

/* "Protecting your data" on small phones, as in the design system: a 12px side margin, tighter padding and a smaller heading
   that leaves room for the shield. */
@media(max-width:600px){
 .linceo-release #data-security{margin-inline:12px;padding:30px 22px}
 .linceo-release #data-security .trust-content h2{font-size:30px;max-width:calc(100% - 80px);padding:0}
}

/* Health goals carousel on phones: the next goal peeks in at most 10% of its width (closed cards; open cards already peek less). */
@media(max-width:760px){
 html.linceo-release body #personas .np-rail .np-card:not(.is-open){flex:0 0 calc((100vw - 36px)/1.09);flex-basis:calc((100vw - 36px)/1.09)}
}

/* "Four drops to enter a new dimension" on phones and tablets: the point terrain behind the heading, as in the design system
   (the same rules as the desktop file product-modules-design-system.css, which phones don't load). */
@media(max-width:980px){
 .dimension-traversal-v48{position:absolute;inset:0 0 auto;height:100svh;z-index:1;overflow:hidden;pointer-events:none;opacity:var(--dimension-opacity,0);background:radial-gradient(ellipse at 2% 94%,#d8866859,transparent 56%),radial-gradient(ellipse at 98% 12%,#73cccc66,transparent 59%),linear-gradient(155deg,#f5e2ce,#faf9f6 56%,#e0eeeb);contain:paint}
 .dimension-traversal-v48 canvas{display:block;width:100%;height:100%}
 .dimension-traversal-v48::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#faf9f642 10%,transparent 60%);pointer-events:none}
 .dimension-traversal-v48[data-render-state="fallback"]{background:radial-gradient(ellipse at 50% 85%,#73cccc66,transparent 60%),#faf9f6}
 html.product-modules-m #product-shell .transition-stage{background:#faf9f6}
 html.product-modules-m #home #product-shell #experience{position:relative;z-index:2;background:transparent}
 html.product-modules-m #home #product-shell #dimension{position:relative;z-index:3;min-height:calc(100svh - 122px);display:grid;place-items:center;margin-bottom:60px!important;padding:24px 0 70px;box-sizing:border-box}
 html.product-modules-m #home #product-shell #dimension :is(.dimension-title,.dimension-title span,.section-subtitle){color:#272a30!important;text-shadow:0 2px 18px #faf9f6cc!important}
}
/* "Four drops to enter a new dimension": the description reads a little larger. */
@media(max-width:980px){html.linceo-release #home #product-shell #dimension .section-subtitle{font-size:18px!important;line-height:1.45}}

/* "Protecting your data" on phones: the desktop's animated privacy illustration, larger and above the copy, which keeps the
   title and description to two lines each. */
@media(max-width:980px){
html.linceo-release #data-security{display:flex;flex-direction:column}
html.linceo-release #data-security :is(.trust-orbit,.trust-code){display:none}
html.linceo-release #data-security .trust-visual{order:-1;position:relative;inset:auto;top:auto;right:auto;transform:none;opacity:1;display:grid;place-items:center;width:min(260px,78%);height:auto;aspect-ratio:1;margin:-6px auto 14px;pointer-events:none}
html.linceo-release #data-security .trust-visual picture{display:block;width:100%}
html.linceo-release #data-security .trust-shield{display:block;width:100%;height:auto;filter:none;transform:none;animation:none}
html.linceo-release #data-security .trust-content h2{font-size:26px;line-height:1.15;max-width:none;padding:0;margin-bottom:12px}
html.linceo-release #data-security :is(.trust-content h2,.trust-intro) br{content:"";display:inline}
html.linceo-release #data-security :is(.trust-content h2,.trust-intro) br::after{content:" "}
html.linceo-release #data-security .trust-intro{font-size:15px;line-height:1.45}
.trust-animation-v9{display:block;width:100%;height:auto;overflow:visible}
.trust-animation-v9 :is(.privacy-packet,.privacy-echo,.privacy-glint,.privacy-lock-trace,.privacy-key-halo){animation-play-state:paused}
.trust-visual.is-active .trust-animation-v9 :is(.privacy-packet,.privacy-echo,.privacy-glint,.privacy-lock-trace,.privacy-key-halo){animation-play-state:running}
/* animated privacy illustration */
.privacy-packet{stroke-dasharray:.035 .965;stroke-dashoffset:1;animation:privacy-packet-v9 8s cubic-bezier(.3,0,.2,1) infinite}
.privacy-packet:nth-child(2){animation-delay:2.5s}
.privacy-packet:nth-child(3){animation-delay:5s}
.privacy-echo{stroke-dasharray:.18 .82;animation:privacy-echo-v9 16s linear infinite}
.privacy-glint{animation:privacy-glint-v9 12s ease-in-out infinite;transform-origin:center}
html.linceo-release :is(.closing-motion,.privacy-motion-v9)[hidden]{display:none!important}
.privacy-lock-trace{stroke-dasharray:1;animation:privacy-lock-v12 10s cubic-bezier(.45,0,.25,1) infinite}
.privacy-key-halo{transform-box:fill-box;transform-origin:center;animation:privacy-key-v12 10s ease-in-out infinite}
html.linceo-release .team-branded-v9 .medical-team-dialog-visual,.privacy-lock-trace,.privacy-key-halo{animation:none!important}
.privacy-lock-trace{stroke-dashoffset:0}
.privacy-key-halo{opacity:0}
@keyframes privacy-packet-v9{0%,12%{stroke-dashoffset:1;opacity:0}22%,68%{opacity:1}80%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes privacy-echo-v9{to{stroke-dashoffset:-1}}
@keyframes privacy-glint-v9{0%,45%{transform:translateX(-450px);opacity:0}52%{opacity:.75}68%{transform:translateX(450px);opacity:0}100%{transform:translateX(450px);opacity:0}}
@keyframes privacy-lock-v12{0%,8%{stroke-dashoffset:1;opacity:0}18%{opacity:.9}44%,70%{stroke-dashoffset:0;opacity:.9}85%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes privacy-key-v12{0%,40%,80%,100%{opacity:0;transform:scale(.9)}54%{opacity:.22;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}}
}