:root{
  --eci-sun:#ffe36e;
  --eci-mint:#9ee8cb;
  --eci-aqua:#91ddf4;
  --eci-coral:#ffb09d;
  --eci-lilac:#d9c5f3;
  --eci-ink:#173f38;
  --eci-copy:#304a44;
}

/* Shared bright, premium credential cards */
.eci-credential-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.eci-credential-strip--stack{grid-template-columns:minmax(0,1fr)!important}
.eci-credential-card{--card:#dff3eb;position:relative;isolation:isolate;display:flex!important;align-items:center!important;gap:16px!important;min-width:0;overflow:hidden;padding:18px 20px!important;border:1px solid color-mix(in srgb,var(--card) 58%,#5a8177)!important;border-radius:18px 7px 18px 7px!important;background:linear-gradient(140deg,#fff 12%,color-mix(in srgb,var(--card) 58%,#fff))!important;box-shadow:0 10px 25px rgba(30,74,63,.08);transition:transform .2s ease,box-shadow .2s ease}
.eci-credential-card:after{content:"";position:absolute;z-index:-1;right:-26px;top:-28px;width:92px;height:92px;border-radius:50%;background:var(--card);opacity:.58}
.eci-credential-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(30,74,63,.13)}
.eci-credential-card--sun{--card:var(--eci-sun)}.eci-credential-card--mint{--card:var(--eci-mint)}.eci-credential-card--aqua{--card:var(--eci-aqua)}.eci-credential-card--lilac{--card:var(--eci-lilac)}.eci-credential-card--coral{--card:var(--eci-coral)}
.eci-credential-card>span:first-child{position:relative;z-index:1;color:var(--eci-ink)!important}
.eci-credential-card>span:last-child{position:relative;z-index:1;color:#35564f!important;font-size:.79rem!important;font-weight:800!important;line-height:1.45!important}
.eci-credential-card--leadership{grid-column:1/-1;justify-content:center!important;text-align:center}
.eci-credential-card--leadership>span:first-child{font-size:.8rem!important;color:#7d3726!important;max-width:none}

/* IVF lab update and audience cards */
.eci-update-grid,.eci-who-grid{display:grid;gap:18px;margin-top:34px}
.eci-update-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.eci-who-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.eci-update-card{--card:var(--eci-sun);position:relative;overflow:hidden;padding:27px 24px 25px;border:1px solid color-mix(in srgb,var(--card) 38%,#a8b7b2);border-radius:24px 8px 24px 8px;background:linear-gradient(150deg,#fff 26%,color-mix(in srgb,var(--card) 25%,#fff));box-shadow:0 14px 32px rgba(30,74,63,.075);transition:transform .22s ease,box-shadow .22s ease}
.eci-update-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:7px;background:var(--card)}
.eci-update-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(30,74,63,.14)}
.eci-update-card--sun{--card:var(--eci-sun)}.eci-update-card--aqua{--card:var(--eci-aqua)}.eci-update-card--mint{--card:var(--eci-mint)}
.eci-update-card .eci-card-kicker{display:inline-block;margin-top:17px;padding:5px 9px;border-radius:999px;background:var(--card);color:var(--eci-ink);font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.eci-update-card p{margin-top:10px!important;color:var(--eci-copy)!important;font-size:1rem!important;line-height:1.68}
.eci-update-card .eci-card-answer{margin-top:17px!important;padding:15px 16px;border-radius:15px;background:rgba(255,255,255,.78);color:var(--eci-ink)!important;font-weight:730!important;font-size:.98rem!important;line-height:1.66;box-shadow:inset 0 0 0 1px rgba(30,74,63,.07)}

.eci-who-card{--card:var(--eci-sun);position:relative;isolation:isolate;display:flex;gap:15px;align-items:flex-start;min-width:0;padding:20px 21px;border:1px solid rgba(30,74,63,.16);border-left:4px solid var(--card);border-radius:8px 19px 19px 8px;background:rgba(255,253,250,.94);box-shadow:0 9px 23px rgba(30,74,63,.07);transition:transform .2s ease,box-shadow .2s ease}
.eci-who-card:before{content:"";position:absolute;z-index:0;left:10px;top:10px;width:55px;height:55px;border-radius:17px 6px 17px 6px;background:color-mix(in srgb,var(--card) 25%,#fff);opacity:.82}
.eci-who-card>*{position:relative;z-index:1}
.eci-who-card:hover{transform:translateY(-3px);box-shadow:0 15px 29px rgba(30,74,63,.12)}
.eci-who-card:nth-child(5n+1){--card:var(--eci-coral)}.eci-who-card:nth-child(5n+2){--card:var(--eci-lilac)}.eci-who-card:nth-child(5n+3){--card:var(--eci-aqua)}.eci-who-card:nth-child(5n+4){--card:var(--eci-mint)}.eci-who-card:nth-child(5n){--card:var(--eci-sun)}
.eci-who-card:last-child{grid-column:1/-1;justify-content:center;align-items:center;padding-block:23px}
.eci-who-card:last-child>div{max-width:680px}
.eci-who-card h3{color:var(--eci-ink)!important;font-size:1.05rem!important;line-height:1.35}
.eci-who-card p{margin-top:6px!important;color:var(--eci-copy)!important;font-size:.98rem!important;line-height:1.66}

/* The story now answers the heading's question directly */
.eci-channel-story{display:grid;gap:12px;margin-top:18px;color:var(--eci-copy)}
.eci-channel-story>p{margin:0!important;color:var(--eci-copy)!important;font-size:1rem!important;line-height:1.72!important}
.eci-channel-story .eci-channel-story-lead{color:var(--eci-ink)!important;font-size:1.08rem!important}
.eci-channel-story strong{color:var(--eci-ink)}
.eci-channel-story mark{padding:0 .12em;background:linear-gradient(transparent 60%,rgba(145,221,244,.52) 60%);color:var(--eci-ink);font-weight:800}
.eci-channel-story-answer{margin-top:7px;padding:20px 21px 21px;border:1px solid rgba(30,74,63,.16);border-left:5px solid var(--color-rust);border-radius:8px 19px 19px 8px;background:linear-gradient(130deg,rgba(232,242,239,.88),rgba(255,253,250,.96));box-shadow:0 10px 25px rgba(30,74,63,.07)}
.eci-channel-story-answer>span{display:inline-block;margin-bottom:8px;color:#9c4a31;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.eci-channel-story-answer p{margin:0!important;color:var(--eci-copy)!important;font-size:1rem!important;line-height:1.7!important}
.eci-channel-story-answer p+p{margin-top:15px!important}
.eci-channel-story-answer .eci-channel-story-conclusion{margin-top:20px!important;padding-top:17px;border-top:1px solid rgba(30,74,63,.12)}

/* Four commitments */
.eci-commitment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.eci-commitment-card{--card:var(--eci-aqua);position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;min-width:0;overflow:hidden;padding:27px 25px;border:1px solid color-mix(in srgb,var(--card) 36%,#8ca69f);border-radius:26px 8px 26px 8px;background:linear-gradient(145deg,rgba(255,255,255,.99) 28%,color-mix(in srgb,var(--card) 19%,#fff));box-shadow:0 12px 29px rgba(30,74,63,.075);transition:transform .22s ease,box-shadow .22s ease}
.eci-commitment-card:after{content:"";position:absolute;right:-40px;bottom:-48px;width:135px;height:135px;border:22px solid var(--card);border-radius:50%;opacity:.11}
.eci-commitment-card:hover{transform:translateY(-5px);box-shadow:0 20px 39px rgba(30,74,63,.14)}
.eci-commitment-card--aqua{--card:var(--eci-aqua)}.eci-commitment-card--sun{--card:var(--eci-sun)}.eci-commitment-card--coral{--card:var(--eci-coral)}.eci-commitment-card--mint{--card:var(--eci-mint)}
.eci-commitment-icon{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;flex:none}
.eci-commitment-icon:before{content:"";position:absolute;z-index:-1;top:-7px;width:58px;height:58px;border-radius:18px 6px 18px 6px;background:var(--card);opacity:.56}
.eci-commitment-icon img,.eci-commitment-icon svg{position:relative;width:40px;height:40px}
.eci-commitment-icon span{margin-top:7px;padding:4px 8px;border-radius:999px;background:var(--card);color:var(--eci-ink);font-family:var(--font-sans)!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.1em}
.eci-commitment-body{position:relative;z-index:1}
.eci-commitment-label{display:inline-block;margin-bottom:9px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.76);color:#47665f;font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.eci-commitment-title{color:var(--eci-ink);font-size:1.08rem;font-weight:850;line-height:1.4}
.eci-commitment-card p{margin-top:8px;color:var(--eci-copy);font-size:1rem;line-height:1.7}

/* Landscape photograph above the readable text card keeps Vik's full profile visible */
.eci-audience-layout{grid-template-columns:minmax(0,1fr)!important;align-items:start}
.eci-audience-photo{align-self:stretch;height:auto!important;min-height:0!important;aspect-ratio:2000/851;background:#d8dddc}
.eci-audience-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 46%}
.eci-audience-photo:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:38%;background:linear-gradient(to top,rgba(11,39,34,.8),rgba(11,39,34,0));pointer-events:none}
.eci-audience-youtube{position:absolute;z-index:2;left:24px;bottom:22px;display:inline-flex;align-items:center;gap:10px;padding:6px 0;color:#fff!important;text-align:left;text-decoration:none;font-size:clamp(1rem,1.7vw,1.08rem);font-weight:800;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.72);transition:color .2s ease,transform .2s ease}
.eci-audience-youtube svg{flex:none;width:22px;height:22px;fill:#ff5656;filter:drop-shadow(0 2px 5px rgba(0,0,0,.42))}
.eci-audience-photo .eci-audience-youtube span{position:static!important;display:inline!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important;text-align:left!important;white-space:nowrap;box-shadow:none!important;backdrop-filter:none!important}
.eci-audience-youtube:hover{color:#ffe8a2!important;transform:translateY(-2px)}
.eci-audience-youtube:focus-visible{outline:3px solid var(--eci-sun);outline-offset:3px}

/* YouTube action in the free-guide card */
.eci-guide-intro{display:flex;flex-direction:column;align-items:flex-start}
.eci-guide-subscribe{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0 0 18px;padding:10px 17px;border:1.5px solid rgba(255,86,86,.5);border-radius:999px;background:rgba(255,255,255,.82);color:var(--eci-ink)!important;font-size:.88rem;font-weight:850;text-decoration:none;box-shadow:0 8px 22px rgba(30,74,63,.08);transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.eci-guide-subscribe svg{flex:none;fill:#ff5656;transition:fill .2s ease}
.eci-guide-subscribe:hover{transform:translateY(-2px);background:#ff5656;color:#fff!important;box-shadow:0 12px 27px rgba(181,89,58,.18)}
.eci-guide-subscribe:hover svg{fill:#fff}
.eci-guide-subscribe:focus-visible{outline:3px solid var(--eci-sun);outline-offset:3px}
.eci-guide-logo{width:min(320px,100%);height:auto;margin-bottom:18px}

/* About page narrative */
.eci-about-story{display:grid;gap:13px}
.eci-about-beat{--card:var(--eci-mint);position:relative;margin:0!important;padding:18px 19px 18px 22px;border:1px solid color-mix(in srgb,var(--card) 28%,#9aafa9);border-left:5px solid color-mix(in srgb,var(--card) 72%,#fff);border-radius:7px 18px 18px 7px;background:linear-gradient(115deg,color-mix(in srgb,var(--card) 10%,#fff),rgba(255,255,255,.98) 76%);color:var(--eci-copy)!important;font-size:1rem!important;line-height:1.72!important;box-shadow:0 8px 21px rgba(30,74,63,.05)}
.eci-about-beat--aqua{--card:var(--eci-aqua)}.eci-about-beat--lilac{--card:var(--eci-lilac)}
.eci-about-highlight{padding:0 .08em;background:linear-gradient(transparent 68%,color-mix(in srgb,var(--card) 48%,#fff) 68%);color:inherit;font-weight:inherit}
.eci-about-quote{--card:var(--eci-coral);margin:4px 0!important;padding:18px 20px!important;border:1px solid color-mix(in srgb,var(--card) 28%,#a9958e)!important;border-left:5px solid color-mix(in srgb,var(--card) 72%,#fff)!important;border-radius:7px 18px 18px 7px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--card) 9%,#fff),rgba(255,255,255,.98) 76%)!important;color:var(--eci-copy)!important;font-style:normal!important;font-size:clamp(1.08rem,2vw,1.24rem)!important;line-height:1.6!important;box-shadow:0 8px 21px rgba(30,74,63,.05)}
.eci-about-quote strong{padding:0 .08em;background:linear-gradient(transparent 68%,color-mix(in srgb,var(--card) 48%,#fff) 68%);color:var(--eci-ink);font-weight:800}
.eci-about-close{margin:0!important;padding:16px 18px;border-radius:16px;background:#173f38;color:#fff!important;font-size:1rem;line-height:1.68!important}
.eci-about-close strong{color:var(--eci-sun)}

/* Support section is visually distinct from the site's educational card systems */
.eci-latte-section{position:relative;overflow:hidden;padding:clamp(46px,7vw,82px) 0;background:radial-gradient(circle at 12% 18%,rgba(255,227,110,.18),transparent 28%),radial-gradient(circle at 88% 82%,rgba(115,223,207,.14),transparent 30%),linear-gradient(180deg,#fffdfa,#f8f1e9);border-top:1px solid rgba(181,89,58,.1)}
.eci-latte-card{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,52px);overflow:hidden;padding:clamp(32px,5vw,58px);border:1px solid rgba(126,82,59,.14);border-radius:42px 12px 42px 12px;background:rgba(255,253,248,.84);box-shadow:0 24px 65px rgba(91,61,47,.11)}
.eci-latte-card:before{content:"";position:absolute;z-index:-1;right:-80px;top:-132px;width:330px;height:330px;border:52px solid rgba(207,155,73,.11);border-radius:50%}
.eci-latte-card:after{content:"";position:absolute;z-index:-1;left:25%;bottom:-135px;width:260px;height:260px;border:38px solid rgba(67,145,121,.075);border-radius:50%}
.eci-latte-mark{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(112,71,50,.14);border-radius:36px 10px 36px 10px;background:linear-gradient(145deg,#fffaf0,#f6e4d6);color:#8a5237;box-shadow:0 14px 32px rgba(91,61,47,.1),inset 0 0 0 1px rgba(255,255,255,.55)}
.eci-latte-mark svg{width:61px;height:61px;filter:drop-shadow(0 6px 13px rgba(0,0,0,.16))}
.eci-latte-copy>span{display:inline-block;margin-bottom:7px;color:#2f6b5d;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.eci-latte-copy h3{margin:0;color:#4c3128;font-family:var(--font-serif);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18}
.eci-latte-copy p{max-width:680px;margin:12px 0 0;color:#604c43;font-size:1rem;line-height:1.72}
.eci-latte-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 20px;border:1px solid rgba(91,55,37,.12);border-radius:999px;background:#d98a61;color:#fff!important;font-size:.9rem;font-weight:850;text-decoration:none;white-space:nowrap;box-shadow:0 10px 25px rgba(87,53,36,.16);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.eci-latte-button:hover{background:#bf704b;color:#fff!important;transform:translateY(-3px);box-shadow:0 15px 30px rgba(87,53,36,.22)}
.eci-latte-button:focus-visible{outline:3px solid #5d3a2e;outline-offset:4px}

/* About page expandable credentials */
.eci-credentials-accordion{display:grid;gap:14px!important}
.eci-credentials-accordion>details{--card:var(--eci-aqua);border:1px solid color-mix(in srgb,var(--card) 24%,#a8b5b1)!important;border-radius:22px 7px 22px 7px!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--card) 5%,#fff))!important;box-shadow:0 10px 25px rgba(30,74,63,.05);transition:box-shadow .2s ease}
.eci-credentials-accordion>details:nth-child(5n+2){--card:var(--eci-sun)}.eci-credentials-accordion>details:nth-child(5n+3){--card:var(--eci-mint)}.eci-credentials-accordion>details:nth-child(5n+4){--card:var(--eci-lilac)}.eci-credentials-accordion>details:nth-child(5n){--card:var(--eci-coral)}
.eci-credentials-accordion>details[open]{box-shadow:0 17px 36px rgba(30,74,63,.11)}
.eci-credentials-accordion summary{padding:19px 21px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--card) 13%,#fff),rgba(255,255,255,.9));cursor:pointer}
.eci-credentials-accordion summary h3{font-size:1.12rem!important}
.eci-credentials-accordion details>div{padding:20px 22px 23px!important;border-top:1px solid color-mix(in srgb,var(--card) 34%,#fff)}
.eci-credentials-accordion details>div>h4{display:inline-block;margin-top:0!important;padding:5px 10px;border-radius:999px;background:var(--card);color:var(--eci-ink)!important;font-size:.76rem!important;letter-spacing:.04em}
.eci-credentials-accordion details>div>h4~h4{margin-top:20px!important}
.eci-credentials-accordion details>div>p{font-size:1rem!important;line-height:1.72!important}
.eci-credentials-accordion ul{gap:9px!important}
.eci-credentials-accordion li{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.74);color:var(--eci-copy)!important;font-size:.98rem!important;line-height:1.62!important}
.eci-credentials-accordion li>span:first-child{color:#a14831!important}

/* Contact story */
.eci-contact-story{display:grid;gap:13px;margin-top:20px}
.eci-contact-beat{--card:var(--eci-aqua);position:relative;margin:0!important;padding:21px 21px 22px;border:1px solid rgba(30,74,63,.16);border-radius:18px 7px 18px 7px;background:rgba(255,253,250,.94);color:var(--eci-copy)!important;box-shadow:0 8px 20px rgba(30,74,63,.06)}
.eci-contact-beat:before{content:"";display:block;width:58px;height:4px;margin-bottom:14px;border-radius:999px;background:color-mix(in srgb,var(--card) 72%,#fff)}
.eci-contact-beat--sun{--card:var(--eci-sun)}.eci-contact-beat--coral{--card:var(--eci-coral)}
.eci-contact-beat h2{margin:0;color:var(--eci-ink);font-family:var(--font-sans);font-size:1.12rem;line-height:1.42;letter-spacing:-.01em}
.eci-contact-beat p{margin:11px 0 0;color:var(--eci-copy);font-size:1rem;line-height:1.72}
.eci-contact-beat p strong{padding:0 .08em;background:linear-gradient(transparent 68%,color-mix(in srgb,var(--card) 48%,#fff) 68%);color:var(--eci-ink);font-weight:800}
.eci-contact-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.eci-contact-topics span{--card:var(--eci-aqua);padding:8px 14px;border:1px solid color-mix(in srgb,var(--card) 38%,#70867f);border-radius:999px;background:rgba(255,253,250,.9);color:var(--eci-ink);font-size:.84rem;font-weight:800}
.eci-contact-topics span:nth-child(2){--card:var(--eci-sun)}.eci-contact-topics span:nth-child(3){--card:var(--eci-mint)}.eci-contact-topics span:nth-child(4){--card:var(--eci-coral)}

/* Testimonials intro no longer contains internal design commentary */
.eci-explorer-intro{align-items:start!important}

@media(max-width:1050px){
  .eci-credential-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .eci-update-grid,.eci-who-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .eci-audience-photo{height:auto!important;aspect-ratio:16/9}
  .eci-audience-photo img{object-position:72% 45%}
  .eci-latte-card{grid-template-columns:auto minmax(0,1fr)}
  .eci-latte-button{grid-column:2;justify-self:start}
}
@media(max-width:720px){
  .eci-commitment-grid,.eci-update-grid,.eci-who-grid{grid-template-columns:minmax(0,1fr)}
  .eci-credential-card--leadership{grid-column:auto}
  .eci-audience-photo{height:auto!important;aspect-ratio:3/2}
  .eci-audience-photo img{object-position:72% 45%}
  .eci-latte-card{grid-template-columns:minmax(0,1fr);text-align:center}
  .eci-latte-mark{margin:0 auto}
  .eci-latte-button{grid-column:auto;justify-self:center}
}
@media(max-width:520px){
  .eci-credential-strip{grid-template-columns:minmax(0,1fr)!important}
  .eci-credential-card{padding:16px 17px!important}
  .eci-commitment-card{grid-template-columns:minmax(0,1fr);padding:23px 20px}
  .eci-commitment-icon{align-items:flex-start;width:max-content}
  .eci-audience-photo{height:auto!important;aspect-ratio:4/3}
  .eci-audience-photo img{object-position:72% 45%}
  .eci-audience-youtube{left:16px;right:16px;bottom:14px;padding:5px 0;font-size:clamp(.86rem,3.9vw,.98rem)}
  .eci-audience-photo .eci-audience-youtube span{white-space:normal}
  .eci-guide-subscribe{margin-bottom:15px}
  .eci-update-card{padding:24px 19px 21px}
  .eci-who-card{padding:18px 17px}
  .eci-credentials-accordion summary{padding:17px 16px!important}.eci-credentials-accordion details>div{padding:17px 16px 19px!important}
}
@media(prefers-reduced-motion:reduce){
  .eci-credential-card:hover,.eci-update-card:hover,.eci-who-card:hover,.eci-commitment-card:hover,.eci-audience-youtube:hover,.eci-latte-button:hover{transform:none}
}
