.top {position:sticky;top:0;}

.newscontainer:not(#newscontainer_69) .newstext, .newstextOpen:not(.newstext69) {
    padding: 0 !important;
}
.content {max-width:10000px !important;padding:0 !important;}

:root{
  --ink:#153b49; --ink2:#285565; --muted:#66818a; --line:#dce9e7;
  --soft:#eef7f5; --soft2:#f6faf9; --accent:#75b9ae; --white:#fff;
  --shadow:0 24px 70px rgba(19,59,73,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
section{padding:110px 0;background-size:cover;background-position: center;clear:both;}
.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#4c9187}
h1,h2,h3{letter-spacing:-.045em;line-height:1.04;margin:0}
h1{font-size:clamp(3.5rem,7.5vw,7.3rem)}
h2{font-size:clamp(2.4rem,3vw,4rem)}
h3{font-size:1.35rem}
p{font-size:1.08rem;line-height:1.7;color:var(--muted)}
.lead{font-size:1.3rem;max-width:720px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:750;backdrop-filter:blur(20px);box-shadow:0 0 8px 0 #FFF4;transition: all 0.3s;}
.btn:hover {box-shadow:0 0 12px 0 #FFFC;}
.btn.light{background:#fff;color:var(--ink)}
.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.noborder {border-width:0px;}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn.gray {opacity:0.5;font-weight:normal;}

/* NAV */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,233,231,.75)}
.navin{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}
.navlinks{display:flex;gap:30px;font-size:.94rem;font-weight:650}
.navicons{display:flex;gap:10px}
.icon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.88rem;background:#fff}

/* HERO */
.hero{padding:0;min-height:760px;position:relative;display:flex;align-items:flex-end;color:#fff;background:
linear-gradient(90deg,rgba(10,43,54,.88) 0%,rgba(10,43,54,.56) 45%,rgba(10,43,54,.12) 100%),
url("biocoherence_homepage_assets/hero.jpg") center/cover}
.hero .container{padding:120px 0 70px; position:relative; }
.hero p{color:rgba(255,255,255,.9);font-size:1.28rem;max-width:700px;margin-left:0 !important;}
.hero .eyebrow{color:#b7ded7}
.hero .video {padding:0 !important;margin:42px auto 0 auto !important;max-width:880px;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.25);background:#102f39;margin-left:auto;}
.video iframe{width:100%;aspect-ratio:4/3;border:0;display:block}
.hero-copy{max-width:900px}
.hero-copy h1{max-width:900px;margin-top:12px;margin-left:0 !important;}
.hero:before {top: -96px;    bottom: 0;    left: 0;    right: 0;     background-position: top;}

/* INTRO */
section#explore {background-image: url(/img/yinyang_bg.jpg);text-shadow: 0 0 1px #000,0 0 2px #FFF,0 0 4px #FFF,0 0 8px #FFF;    padding-bottom: 190px;  /*  background-position: 58%;*/ }
.center{text-align:center}
.center .lead{margin:24px auto 0}
.pillrows{    margin: 0 auto;    background-image: url(/img/yinyang_center.jpg);    background-position: center;    background-size: 130%;    display: flex;    flex-direction: column;  width: min(700px, 100%);  border-radius: 50%;    aspect-ratio: 1;}
@media(max-width:850px){
.pillrows{     width: min(500px, 100%); }
}
.pillrow{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;/*margin:96px 0px;/*38px*/align-items: center;text-shadow:none;    flex: 1;}
.pill{padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;position:relative;}
.pill:not(:first-of-type):before {content:'↔︎';position:absolute;left:-14px;    margin-top: 4px;    color: #FFF;text-shadow: 0 0 1px #888;}
@media(max-width:460px){
.pill:not(:first-of-type):before {left:50%;top:-24px;transform:rotate(90deg);}
}

/* JOURNEY */
.journey{background:var(--soft)}
.journeygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:60px}
.jstep{padding:28px 22px;border-top:2px solid var(--accent)}
.jstep .num{font-size:.76rem;font-weight:800;color:#4c9187}
.jstep strong{display:block;font-size:1.25rem;margin:10px 0}
.jstep p{font-size:.94rem;margin:0}

/* QUOTES */
.quote-band{background:#153f4d;color:#fff}
.quote-band p{color:rgba(255,255,255,.72)}
.quote{font-size:clamp(2rem,4.2vw,4.25rem);line-height:1.08;letter-spacing:-.045em;max-width:930px}
.quote-by{margin-top:28px;color:#b9ded7;font-weight:700}

/* SPLITS */
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.split.reverse .copy{order:2}.split.reverse .visual{order:1}
.visual {position:relative;}
.visual img{width:100%;border-radius:28px;box-shadow:var(--shadow)}
.tagline{font-size:1.55rem;line-height:1.35;color:var(--ink2);margin:28px 0}
.features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.feature{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}
.feature strong{display:block;margin-bottom:7px}
.feature p{font-size:.94rem;margin:0}

/* PRIORITIES */
.priorities{background:var(--soft2)}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.dualcard{padding:36px;border-radius:26px;border:1px solid var(--line);background:#fff}
.dualcard .big{font-size:3rem;font-weight:850;letter-spacing:-.06em}
.dualcard p{margin-bottom:0}
.families{display:flex;flex-wrap:wrap;/*;grid-template-columns:repeat(4,1fr);*/gap:0;list-style:none;}
.families li {padding:8px;border-radius:8px;margin:8px; border:1px solid var(--line);background-color:#FFF8;text-align:center;min-width:min(164px, calc(50vw - 32px));min-height:250px;position:relative;overflow:hidden;box-shadow: 2px 2px 2px 0 #0001;background-size:cover;background-position:center;}
@media(min-width:850px){ .families li {min-width: min(220px, calc(50vw - 32px));    min-height: 312px;}   }
.families .num {font-family:Courier new; display:block;font-weight:bold;}
.families .pro_only {font-style:italic;}
.families .familytitle {position:absolute;left:0;right:0;top:0;padding:6px;text-align:center;background-color:#FFFC;}
.families .benefit {font-style:italic;color: #888;position:absolute;left:0;right:0;bottom:0;padding:6px;font-size:80%;background-color:#FFFC;}
body:not([for=pro]) .pro_only {display:none;}
body[for=pro] .tab_forme, body[for=ent] .tab_forme {opacity:0.5;}
body[for=me] .tab_forpro, body[for=ent] .tab_forpro {opacity:0.5;}
body[for=me] .tab_forent, body[for=pro] .tab_forent {opacity:0.5;}

/* MINI QUOTE */
.miniquote{margin-top:60px;padding:38px 42px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 22px 22px 0}
.miniquote blockquote{margin:0;font-size:1.55rem;line-height:1.35;letter-spacing:-.025em}
.miniquote cite{display:block;margin-top:15px;color:var(--muted);font-style:normal;font-weight:700}

/* PRO / ENTERPRISE */
.dark{background:#123b49;color:#fff}
.dark p{color:rgba(255,255,255,.75)}
.dark .eyebrow{color:#a8d6cf}
.dark .feature{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}
.dark .feature p{color:rgba(255,255,255,.68)}
.badge{position:absolute;background:#fff;color:var(--ink);padding:22px;border-radius:20px;box-shadow:var(--shadow);max-width:230px}
.probadge{left:-16px;bottom:25px;}
.entbadge{right:-25px;top:25px;}
.mebadge {right:-16px;bottom:25px;}
.badge strong{display:block;font-size:1.5rem}
.enterprise-card{margin-top:55px;padding:35px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.055)}

/* DEVICES */
.devicegrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}
.device{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff}
.device img{width:100%;aspect-ratio:1.35;object-fit:cover}
.devicebody{padding:30px}
.devicebody p{margin-bottom:0}

/* TESTIMONIALS */
.testimonials {background:var(--soft);    background-image: url(/img/bg_tests.jpg);background-size: cover;    background-position: 50% 100%;}
.testimonials h2 {color:#FFF;}
.testimonialgrid{display: flex;    gap: 22px;    overflow-x: auto;    overflow-y: hidden;    margin: 55px -600px 0 -600px;    padding: 0 600px;scroll-snap-type: x mandatory;}
.tcard{background:#fffe;border:1px solid var(--line);border-radius:25px;padding:30px;backdrop-filter:blur(2px);min-width: min(400px, 80vw);scroll-snap-align: center;}
.tcard blockquote{font-size:1.28rem;line-height:1.42;margin:0;letter-spacing:-.02em}
.tcard cite{display:block;margin-top:22px;color:var(--muted);font-style:normal;font-weight:700}
.morelink{margin-top:35px;text-align:center;}
.testimonials .morelink .btn{color:#FFF;}

/* PROOF */
.proof{padding:85px 0}
.proofgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.proofitem{padding:30px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.proofitem strong{font-size:2rem;display:block;letter-spacing:-.05em}
.proofitem span{color:var(--muted);font-size:.92rem}

/* FINAL */
.final{text-align:center;background:linear-gradient(180deg,#fff,var(--soft))}
.final h2{max-width:900px;margin:12px auto}
.final p{max-width:650px;margin:22px auto}
.ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}

@media(max-width:850px){
  section{/*padding:75px 0*/}.container{width:min(100% - 30px,1180px)}
  .navlinks{display:none}.navicons .icon:nth-child(2){display:none}
  .hero{min-height:680px}.hero .container{padding:100px 0 40px}
  .split,.split.reverse{grid-template-columns:1fr;gap:38px}
  .split.reverse .copy,.split.reverse .visual{order:initial}
  .journeygrid{grid-template-columns:1fr 1fr}.features,.dual,.devicegrid,.testimonialgrid{grid-template-columns:1fr}
  .proofgrid{grid-template-columns:1fr 1fr}.proofitem:nth-child(2){border-right:0}.proofitem:nth-child(3),.proofitem:nth-child(4){border-top:1px solid var(--line)}
.families {grid-template-columns: repeat(3, 1fr);}
}
@media(max-width:460px){
    .proofgrid {    display: flex;        flex-direction: column;}
.families {grid-template-columns: repeat(2, 1fr);}
}

#me_pro_ent {padding-bottom:0;background-color:#323232;}
#me_pro_ent div.copy {display:flex;border:1px solid #0001;padding:8px 0;background-color:#FFF;position:relative;}
.tab {    padding: 16px;    height: auto !important;    line-height: 120% !important;}
a.tab {display:block;border-left:1px solid #0001;flex:1;}
a.tab b {font-size:130%;}


.carousel {display:flex;width:100%; overflow-x:visible;overflow-y:hidden;padding-left:0%;justify-content:start;align-items:start;background-color:#323232;scroll-snap-type: x mandatory;    padding-top: 0;}
.carousel > div {border:1px solid #0001;box-shadow:0 0 0 20px #FFF;width:max(320px, 80%);min-width:min(90%, 1300px);    flex: 1;
    margin: 3%;    border-radius: 32px;  overflow:hidden;  background-color:#FFF;scroll-snap-align: center;}
.carousel > div.here {box-shadow: 0 0 20px 0 #FFF;}
.carousel .container .copy {padding:5%;}
.carousel .split {gap:0;    background-size: cover;background-position: center;}
.carousel .copy.dark {    background: #123b49cc;    backdrop-filter: blur(6px);}

@media(max-width:850px){ 
#me_pro_ent div.copy div.tabtitle {color:#CCC;position:absolute;top:-40px;}
.carousel .container .doreveal {display:none;}
}
@media(min-width:850px){
.carousel .visual img {display:none;}
.carousel .container .reveal {transition:all 0.3s;opacity:0.01;}
.carousel .container.revealed .reveal {opacity:1;}
.carousel .container .doreveal {position:absolute;}
.carousel .container.revealed .doreveal {display:none;}
.carousel .container .revealN {zoom:100%;}
.carousel .container.revealed .revealN {zoom:100%;}
.carousel .container.revealed .revealBG {transition:all 0.3s;}
.carousel .container:not(.revealed) .revealBG {background-color:#FFF0;backdrop-filter:blur(0px);}
.carousel .container:not(.revealed) .copy.dark h2,.carousel .container:not(.revealed) .copy.dark .tagline {text-shadow:0 0 8px #123b49CC,0 0 4px #123b49CC,0 0 1px #123b49;}
}